<!DOCTYPE html>
<html lang="en">
    
<!-- Mirrored from coderthemes.com/velonic_3.0/admin_3/icons.html by HTTrack Website Copier/3.x [XR&CO'2014], Sun, 29 May 2016 14:52:31 GMT -->
<head>
        <meta charset="utf-8">
        <meta name="viewport" content="width=device-width, initial-scale=1.0">
        <meta name="description" content="">
        <meta name="author" content="">

        <link rel="shortcut icon" href="img/favicon_1.ico">

        <title>Velonic - Responsive Admin Dashboard Template</title>

        
        <!-- Bootstrap core CSS -->
        <link href="css/bootstrap.min.css" rel="stylesheet">
        <link href="css/bootstrap-reset.css" rel="stylesheet">

        <!--Animation css-->
        <link href="css/animate.css" rel="stylesheet">

        <!--Icon-fonts css-->
        <link href="assets/font-awesome/css/font-awesome.css" rel="stylesheet" />
        <link href="assets/ionicon/css/ionicons.min.css" rel="stylesheet" />

        <!--Morris Chart CSS -->
        <link rel="stylesheet" href="assets/morris/morris.css">


        <!-- Custom styles for this template -->
        <link href="css/style.css" rel="stylesheet">
        <link href="css/helper.css" rel="stylesheet">
        

        <!-- HTML5 shim and Respond.js IE8 support of HTML5 tooltipss and media queries -->
        <!--[if lt IE 9]>
          <script src="js/html5shiv.js"></script>
          <script src="js/respond.min.js"></script>
        <![endif]-->


    </head>


    <body>

        <!-- Aside Start-->
        <aside class="left-panel">

            <!-- brand -->
            <div class="logo">
                <a href="index.html" class="logo-expanded">
                    <i class="ion-social-buffer"></i>
                    <span class="nav-label">Velonic</span>
                </a>
            </div>
            <!-- / brand -->
        
            <!-- Navbar Start -->
            <nav class="navigation">
                <ul class="list-unstyled">
                    <li><a href="index.html"><i class="ion-home"></i> <span class="nav-label">Dashboard</span></a></li>
                    <li class="has-submenu active"><a href="#"><i class="ion-flask"></i> <span class="nav-label">UI Elements</span></a>
                        <ul class="list-unstyled">
                            <li><a href="typography.html">Typography</a></li>
                            <li><a href="buttons.html">Buttons</a></li>
                            <li class="active"><a href="icons.html">Icons</a></li>
                            <li><a href="panels.html">Panels</a></li>
                            <li><a href="tabs-accordions.html">Tabs &amp; Accordions</a></li>
                            <li><a href="modals.html">Modals</a></li>
                            <li><a href="bootstrap-ui.html">BS Elements</a></li>
                            <li><a href="progressbars.html">Progress Bars</a></li>
                            <li><a href="notification.html">Notification</a></li>
                            <li><a href="sweet-alert.html">Sweet-Alert</a></li>
                        </ul>
                    </li>
                    <li class="has-submenu"><a href="#"><i class="ion-settings"></i> <span class="nav-label">Components</span><span class="badge bg-success">New</span></a>
                        <ul class="list-unstyled">
                            <li><a href="grid.html">Grid</a></li>
                            <li><a href="portlets.html">Portlets</a></li>
                            <li><a href="widgets.html">Widgets</a></li>
                            <li><a href="nestable-list.html">Nesteble</a></li>
                            <li><a href="calendar.html">Calendar</a></li>
                            <li><a href="ui-sliders.html">Range Slider</a></li>
                        </ul>
                    </li>
                    <li class="has-submenu"><a href="#"><i class="ion-compose"></i> <span class="nav-label">Forms</span></a>
                        <ul class="list-unstyled">
                            <li><a href="form-elements.html">General Elements</a></li>
                            <li><a href="form-validation.html">Form Validation</a></li>
                            <li><a href="form-advanced.html">Advanced Form</a></li>
                            <li><a href="form-wizard.html">Form Wizard</a></li>
                            <li><a href="form-editor.html">WYSIWYG Editor</a></li>
                            <li><a href="code-editor.html">Code Editors</a></li>
                            <li><a href="form-uploads.html">Multiple File Upload</a></li>
                            <li><a href="image-crop.html">Image Crop</a></li>
                            <li><a href="form-xeditable.html">X-Editable</a></li>
                        </ul>
                    </li>
                    <li class="has-submenu"><a href="#"><i class="ion-grid"></i> <span class="nav-label">Data Tables</span></a>
                        <ul class="list-unstyled">
                            <li><a href="tables.html">Basic Tables</a></li>
                            <li><a href="table-datatable.html">Data Table</a></li>
                            <li><a href="tables-editable.html">Editable Table</a></li>
                            <li><a href="responsive-table.html">Responsive Table</a></li>
                        </ul>
                    </li>
                    <li class="has-submenu"><a href="#"><i class="ion-stats-bars"></i> <span class="nav-label">Charts</span><span class="badge bg-purple">1</span></a>
                        <ul class="list-unstyled">
                            <li><a href="morris-chart.html">Morris Chart</a></li>
                            <li><a href="chartjs.html">Chartjs</a></li>
                            <li><a href="flot-chart.html">Flot Chart</a></li>
                            <li><a href="rickshaw-chart.html">Rickshaw Chart</a></li>
                            <li><a href="peity-chart.html">Peity Chart</a></li>
                            <li><a href="c3-chart.html">C3 Chart</a></li>
                            <li><a href="other-chart.html">Other Chart</a></li>
                        </ul>
                    </li>

                    <li class="has-submenu"><a href="#"><i class="ion-email"></i> <span class="nav-label">Mail</span></a>
                        <ul class="list-unstyled">
                            <li><a href="inbox.html">Inbox</a></li>
                            <li><a href="email-compose.html">Compose Mail</a></li>
                            <li><a href="email-read.html">View Mail</a></li>
                            <li><a href="email-templates.html">Email Templates</a></li>
                        </ul>
                    </li>

                    <li class="has-submenu"><a href="#"><i class="ion-location"></i> <span class="nav-label">Maps</span></a>
                        <ul class="list-unstyled">
                            <li><a href="gmap.html"> Google Map</a></li>
                            <li><a href="vector-map.html"> Vector Map</a></li>
                        </ul>
                    </li>
                    <li class="has-submenu"><a href="#"><i class="ion-document"></i> <span class="nav-label">Pages</span><span class="badge bg-pink">5</span></a>
                        <ul class="list-unstyled">
                            <li><a href="profile.html">Profile</a></li>
                            <li><a href="timeline.html">Timeline</a></li>
                            <li><a href="invoice.html">Invoice</a></li>
                            <li><a href="contact.html">Contact-list</a></li>
                            <li><a href="login.html">Login</a></li>
                            <li><a href="register.html">Register</a></li>
                            <li><a href="recoverpw.html">Recover Password</a></li>
                            <li><a href="lock-screen.html">Lock Screen</a></li>
                            <li><a href="blank.html">Blank Page</a></li>
                            <li><a href="404.html">404 Error</a></li>
                            <li><a href="404_alt.html">404 alt</a></li>
                            <li><a href="500.html">500 Error</a></li>
                        </ul>
                    </li>
                </ul>
            </nav>
                
        </aside>
        <!-- Aside Ends-->


        <!--Main Content Start -->
        <section class="content">
            
            <!-- Header -->
            <header class="top-head container-fluid">
                <button type="button" class="navbar-toggle pull-left">
                    <span class="sr-only">Toggle navigation</span>
                    <span class="icon-bar"></span>
                    <span class="icon-bar"></span>
                    <span class="icon-bar"></span>
                </button>
                
                <!-- Search -->
                <form role="search" class="navbar-left app-search pull-left hidden-xs">
                  <input type="text" placeholder="Search..." class="form-control">
                  <a href="#"><i class="fa fa-search"></i></a>
                </form>
                
                <!-- Left navbar -->
                <nav class=" navbar-default" role="navigation">
                    <ul class="nav navbar-nav hidden-xs">
                        <li class="dropdown">
                          <a data-toggle="dropdown" class="dropdown-toggle" href="#">English <span class="caret"></span></a>
                            <ul role="menu" class="dropdown-menu">
                                <li><a href="#">German</a></li>
                                <li><a href="#">French</a></li>
                                <li><a href="#">Italian</a></li>
                                <li><a href="#">Spanish</a></li>
                            </ul>
                        </li>
                        <li><a href="#">Files</a></li>
                    </ul>

                    <!-- Right navbar -->
                    <ul class="nav navbar-nav navbar-right top-menu top-right-menu">  
                        <!-- mesages -->  
                        <li class="dropdown">
                            <a data-toggle="dropdown" class="dropdown-toggle" href="#">
                                <i class="fa fa-envelope-o "></i>
                                <span class="badge badge-sm up bg-purple count">4</span>
                            </a>
                            <ul class="dropdown-menu extended fadeInUp animated nicescroll" tabindex="5001">
                                <li>
                                    <p>Messages</p>
                                </li>
                                <li>
                                    <a href="#">
                                        <span class="pull-left"><img src="img/avatar-2.jpg" class="img-circle thumb-sm m-r-15" alt="img"></span>
                                        <span class="block"><strong>John smith</strong></span>
                                        <span class="media-body block">New tasks needs to be done<br><small class="text-muted">10 seconds ago</small></span>
                                    </a>
                                </li>
                                <li>
                                    <a href="#">
                                        <span class="pull-left"><img src="img/avatar-3.jpg" class="img-circle thumb-sm m-r-15" alt="img"></span>
                                        <span class="block"><strong>John smith</strong></span>
                                        <span class="media-body block">New tasks needs to be done<br><small class="text-muted">3 minutes ago</small></span>
                                    </a>
                                </li>
                                <li>
                                    <a href="#">
                                        <span class="pull-left"><img src="img/avatar-4.jpg" class="img-circle thumb-sm m-r-15" alt="img"></span>
                                        <span class="block"><strong>John smith</strong></span>
                                        <span class="media-body block">New tasks needs to be done<br><small class="text-muted">10 minutes ago</small></span>
                                    </a>
                                </li>
                                <li>
                                    <p><a href="inbox.html" class="text-right">See all Messages</a></p>
                                </li>
                            </ul>
                        </li>
                        <!-- /messages -->
                        <!-- Notification -->
                        <li class="dropdown">
                            <a data-toggle="dropdown" class="dropdown-toggle" href="#">
                                <i class="fa fa-bell-o"></i>
                                <span class="badge badge-sm up bg-pink count">3</span>
                            </a>
                            <ul class="dropdown-menu extended fadeInUp animated nicescroll" tabindex="5002">
                                <li class="noti-header">
                                    <p>Notifications</p>
                                </li>
                                <li>
                                    <a href="#">
                                        <span class="pull-left"><i class="fa fa-user-plus fa-2x text-info"></i></span>
                                        <span>New user registered<br><small class="text-muted">5 minutes ago</small></span>
                                    </a>
                                </li>
                                <li>
                                    <a href="#">
                                        <span class="pull-left"><i class="fa fa-diamond fa-2x text-primary"></i></span>
                                        <span>Use animate.css<br><small class="text-muted">5 minutes ago</small></span>
                                    </a>
                                </li>
                                <li>
                                    <a href="#">
                                        <span class="pull-left"><i class="fa fa-bell-o fa-2x text-danger"></i></span>
                                        <span>Send project demo files to client<br><small class="text-muted">1 hour ago</small></span>
                                    </a>
                                </li>
                                
                                <li>
                                    <p><a href="#" class="text-right">See all notifications</a></p>
                                </li>
                            </ul>
                        </li>
                        <!-- /Notification -->

                        <!-- user login dropdown start-->
                        <li class="dropdown text-center">
                            <a data-toggle="dropdown" class="dropdown-toggle" href="#">
                                <img alt="" src="img/avatar-2.jpg" class="img-circle profile-img thumb-sm">
                                <span class="username">John Deo </span> <span class="caret"></span>
                            </a>
                            <ul class="dropdown-menu pro-menu fadeInUp animated" tabindex="5003" style="overflow: hidden; outline: none;">
                                <li><a href="profile.html"><i class="fa fa-briefcase"></i>Profile</a></li>
                                <li><a href="#"><i class="fa fa-cog"></i> Settings</a></li>
                                <li><a href="#"><i class="fa fa-bell"></i> Friends <span class="label label-info pull-right mail-info">5</span></a></li>
                                <li><a href="#"><i class="fa fa-sign-out"></i> Log Out</a></li>
                            </ul>
                        </li>
                        <!-- user login dropdown end -->       
                    </ul>
                    <!-- End right navbar -->
                </nav>
                
            </header>
            <!-- Header Ends -->


            <!-- Page Content Start -->
            <!-- ================== -->

            <div class="wraper container-fluid">
                <div class="page-title"> 
                    <h3 class="title">Icons</h3> 
                </div>

                <div class="row">
                    <div class="col-md-12">
                        <div class="panel panel-default">
                            <div class="panel-heading">
                                <h3 class="panel-title">Ionicons</h3>
                            </div>
                            <div class="panel-body">
                            
                                <div class="row icon-list ionicon-list">

                                    <div class="col-md-3 col-sm-4"><i class="ion-ionic"></i>ion-ionic
                                    </div>

                                    <div class="col-md-3 col-sm-4"><i class="ion-arrow-up-a"></i>ion-arrow-up-a
                                    </div>

                                    <div class="col-md-3 col-sm-4"><i class="ion-arrow-right-a"></i>ion-arrow-right-a
                                    </div>

                                    <div class="col-md-3 col-sm-4"><i class="ion-arrow-down-a"></i>ion-arrow-down-a
                                    </div>

                                    <div class="col-md-3 col-sm-4"><i class="ion-arrow-left-a"></i>ion-arrow-left-a
                                    </div>

                                    <div class="col-md-3 col-sm-4"><i class="ion-arrow-up-b"></i>ion-arrow-up-b
                                    </div>

                                    <div class="col-md-3 col-sm-4"><i class="ion-arrow-right-b"></i>ion-arrow-right-b
                                    </div>

                                    <div class="col-md-3 col-sm-4"><i class="ion-arrow-down-b"></i>ion-arrow-down-b
                                    </div>

                                    <div class="col-md-3 col-sm-4"><i class="ion-arrow-left-b"></i>ion-arrow-left-b
                                    </div>

                                    <div class="col-md-3 col-sm-4"><i class="ion-arrow-up-c"></i>ion-arrow-up-c
                                    </div>

                                    <div class="col-md-3 col-sm-4"><i class="ion-arrow-right-c"></i>ion-arrow-right-c
                                    </div>

                                    <div class="col-md-3 col-sm-4"><i class="ion-arrow-down-c"></i>ion-arrow-down-c
                                    </div>

                                    <div class="col-md-3 col-sm-4"><i class="ion-arrow-left-c"></i>ion-arrow-left-c
                                    </div>

                                    <div class="col-md-3 col-sm-4"><i class="ion-arrow-return-right"></i>ion-arrow-return-right
                                    </div>

                                    <div class="col-md-3 col-sm-4"><i class="ion-arrow-return-left"></i>ion-arrow-return-left
                                    </div>

                                    <div class="col-md-3 col-sm-4"><i class="ion-arrow-swap"></i>ion-arrow-swap
                                    </div>

                                    <div class="col-md-3 col-sm-4"><i class="ion-arrow-shrink"></i>ion-arrow-shrink
                                    </div>

                                    <div class="col-md-3 col-sm-4"><i class="ion-arrow-expand"></i>ion-arrow-expand
                                    </div>

                                    <div class="col-md-3 col-sm-4"><i class="ion-arrow-move"></i>ion-arrow-move
                                    </div>

                                    <div class="col-md-3 col-sm-4"><i class="ion-arrow-resize"></i>ion-arrow-resize
                                    </div>

                                    <div class="col-md-3 col-sm-4"><i class="ion-chevron-up"></i>ion-chevron-up
                                    </div>

                                    <div class="col-md-3 col-sm-4"><i class="ion-chevron-right"></i>ion-chevron-right
                                    </div>

                                    <div class="col-md-3 col-sm-4"><i class="ion-chevron-down"></i>ion-chevron-down
                                    </div>

                                    <div class="col-md-3 col-sm-4"><i class="ion-chevron-left"></i>ion-chevron-left
                                    </div>

                                    <div class="col-md-3 col-sm-4"><i class="ion-navicon-round"></i>ion-navicon-round
                                    </div>

                                    <div class="col-md-3 col-sm-4"><i class="ion-navicon"></i>ion-navicon
                                    </div>

                                    <div class="col-md-3 col-sm-4"><i class="ion-drag"></i>ion-drag
                                    </div>

                                    <div class="col-md-3 col-sm-4"><i class="ion-log-in"></i>ion-log-in
                                    </div>

                                    <div class="col-md-3 col-sm-4"><i class="ion-log-out"></i>ion-log-out
                                    </div>

                                    <div class="col-md-3 col-sm-4"><i class="ion-checkmark-round"></i>ion-checkmark-round
                                    </div>

                                    <div class="col-md-3 col-sm-4"><i class="ion-checkmark"></i>ion-checkmark
                                    </div>

                                    <div class="col-md-3 col-sm-4"><i class="ion-checkmark-circled"></i>ion-checkmark-circled
                                    </div>

                                    <div class="col-md-3 col-sm-4"><i class="ion-close-round"></i>ion-close-round
                                    </div>

                                    <div class="col-md-3 col-sm-4"><i class="ion-close"></i>ion-close
                                    </div>

                                    <div class="col-md-3 col-sm-4"><i class="ion-close-circled"></i>ion-close-circled
                                    </div>

                                    <div class="col-md-3 col-sm-4"><i class="ion-plus-round"></i>ion-plus-round
                                    </div>

                                    <div class="col-md-3 col-sm-4"><i class="ion-plus"></i>ion-plus
                                    </div>

                                    <div class="col-md-3 col-sm-4"><i class="ion-plus-circled"></i>ion-plus-circled
                                    </div>

                                    <div class="col-md-3 col-sm-4"><i class="ion-minus-round"></i>ion-minus-round
                                    </div>

                                    <div class="col-md-3 col-sm-4"><i class="ion-minus"></i>ion-minus
                                    </div>

                                    <div class="col-md-3 col-sm-4"><i class="ion-minus-circled"></i>ion-minus-circled
                                    </div>

                                    <div class="col-md-3 col-sm-4"><i class="ion-information"></i>ion-information
                                    </div>

                                    <div class="col-md-3 col-sm-4"><i class="ion-information-circled"></i>ion-information-circled
                                    </div>

                                    <div class="col-md-3 col-sm-4"><i class="ion-help"></i>ion-help
                                    </div>

                                    <div class="col-md-3 col-sm-4"><i class="ion-help-circled"></i>ion-help-circled
                                    </div>

                                    <div class="col-md-3 col-sm-4"><i class="ion-help-buoy"></i>ion-help-buoy
                                    </div>

                                    <div class="col-md-3 col-sm-4"><i class="ion-asterisk"></i>ion-asterisk
                                    </div>

                                    <div class="col-md-3 col-sm-4"><i class="ion-alert"></i>ion-alert
                                    </div>

                                    <div class="col-md-3 col-sm-4"><i class="ion-alert-circled"></i>ion-alert-circled
                                    </div>

                                    <div class="col-md-3 col-sm-4"><i class="ion-refresh"></i>ion-refresh
                                    </div>

                                    <div class="col-md-3 col-sm-4"><i class="ion-loop"></i>ion-loop
                                    </div>


                                    <div class="col-md-3 col-sm-4"><i class="ion-shuffle"></i>ion-shuffle
                                    </div>

                                    <div class="col-md-3 col-sm-4"><i class="ion-home"></i>ion-home
                                    </div>

                                    <div class="col-md-3 col-sm-4"><i class="ion-search"></i>ion-search
                                    </div>

                                    <div class="col-md-3 col-sm-4"><i class="ion-flag"></i>ion-flag
                                    </div>

                                    <div class="col-md-3 col-sm-4"><i class="ion-star"></i>ion-star
                                    </div>

                                    <div class="col-md-3 col-sm-4"><i class="ion-heart"></i>ion-heart
                                    </div>

                                    <div class="col-md-3 col-sm-4"><i class="ion-heart-broken"></i>ion-heart-broken
                                    </div>

                                    <div class="col-md-3 col-sm-4"><i class="ion-gear-a"></i>ion-gear-a
                                    </div>

                                    <div class="col-md-3 col-sm-4"><i class="ion-gear-b"></i>ion-gear-b
                                    </div>

                                    <div class="col-md-3 col-sm-4"><i class="ion-toggle-filled"></i>ion-toggle-filled
                                    </div>

                                    <div class="col-md-3 col-sm-4"><i class="ion-toggle"></i>ion-toggle
                                    </div>

                                    <div class="col-md-3 col-sm-4"><i class="ion-settings"></i>ion-settings
                                    </div>

                                    <div class="col-md-3 col-sm-4"><i class="ion-wrench"></i>ion-wrench
                                    </div>

                                    <div class="col-md-3 col-sm-4"><i class="ion-folder"></i>ion-folder
                                    </div>

                                    <div class="col-md-3 col-sm-4"><i class="ion-hammer"></i>ion-hammer
                                    </div>

                                    <div class="col-md-3 col-sm-4"><i class="ion-edit"></i>ion-edit
                                    </div>

                                    <div class="col-md-3 col-sm-4"><i class="ion-trash-a"></i>ion-trash-a
                                    </div>

                                    <div class="col-md-3 col-sm-4"><i class="ion-trash-b"></i>ion-trash-b
                                    </div>

                                    <div class="col-md-3 col-sm-4"><i class="ion-document"></i>ion-document
                                    </div>

                                    <div class="col-md-3 col-sm-4"><i class="ion-document-text"></i>ion-document-text
                                    </div>

                                    <div class="col-md-3 col-sm-4"><i class="ion-clipboard"></i>ion-clipboard
                                    </div>

                                    <div class="col-md-3 col-sm-4"><i class="ion-scissors"></i>ion-scissors
                                    </div>

                                    <div class="col-md-3 col-sm-4"><i class="ion-funnel"></i>ion-funnel
                                    </div>

                                    <div class="col-md-3 col-sm-4"><i class="ion-bookmark"></i>ion-bookmark
                                    </div>

                                    <div class="col-md-3 col-sm-4"><i class="ion-email"></i>ion-email
                                    </div>

                                    <div class="col-md-3 col-sm-4"><i class="ion-folder"></i>ion-folder
                                    </div>

                                    <div class="col-md-3 col-sm-4"><i class="ion-filing"></i>ion-filing
                                    </div>

                                    <div class="col-md-3 col-sm-4"><i class="ion-archive"></i>ion-archive
                                    </div>

                                    <div class="col-md-3 col-sm-4"><i class="ion-reply"></i>ion-reply
                                    </div>

                                    <div class="col-md-3 col-sm-4"><i class="ion-reply-all"></i>ion-reply-all
                                    </div>

                                    <div class="col-md-3 col-sm-4"><i class="ion-forward"></i>ion-forward
                                    </div>

                                    <div class="col-md-3 col-sm-4"><i class="ion-share"></i>ion-share
                                    </div>

                                    <div class="col-md-3 col-sm-4"><i class="ion-paper-airplane"></i>ion-paper-airplane
                                    </div>

                                    <div class="col-md-3 col-sm-4"><i class="ion-link"></i>ion-link
                                    </div>

                                    <div class="col-md-3 col-sm-4"><i class="ion-paperclip"></i>ion paperclip
                                    </div>

                                    <div class="col-md-3 col-sm-4"><i class="ion-compose"></i>ion-compose
                                    </div>

                                    <div class="col-md-3 col-sm-4"><i class="ion-briefcase"></i>ion-briefcase
                                    </div>

                                    <div class="col-md-3 col-sm-4"><i class="ion-medkit"></i>ion-medkit
                                    </div>

                                    <div class="col-md-3 col-sm-4"><i class="ion-at"></i>ion-at
                                    </div>

                                    <div class="col-md-3 col-sm-4"><i class="ion-pound"></i>ion-pound
                                    </div>

                                    <div class="col-md-3 col-sm-4"><i class="ion-quote"></i>ion-quote
                                    </div>

                                    <div class="col-md-3 col-sm-4"><i class="ion-cloud"></i>ion-cloud
                                    </div>

                                    <div class="col-md-3 col-sm-4"><i class="ion-upload"></i>ion-upload
                                    </div>

                                    <div class="col-md-3 col-sm-4"><i class="ion-more"></i>ion-more
                                    </div>

                                    <div class="col-md-3 col-sm-4"><i class="ion-grid"></i>ion-grid
                                    </div>

                                    <div class="col-md-3 col-sm-4"><i class="ion-calendar"></i>ion-calendar
                                    </div>

                                    <div class="col-md-3 col-sm-4"><i class="ion-clock"></i>ion-clock
                                    </div>

                                    <div class="col-md-3 col-sm-4"><i class="ion-compass"></i>ion-compass
                                    </div>

                                    <div class="col-md-3 col-sm-4"><i class="ion-pinpoint"></i>ion-pinpoint
                                    </div>

                                    <div class="col-md-3 col-sm-4"><i class="ion-pin"></i>ion-pin
                                    </div>

                                    <div class="col-md-3 col-sm-4"><i class="ion-navigate"></i>ion-navigate
                                    </div>

                                    <div class="col-md-3 col-sm-4"><i class="ion-location"></i>ion-location
                                    </div>

                                    <div class="col-md-3 col-sm-4"><i class="ion-map"></i>ion-map
                                    </div>

                                    <div class="col-md-3 col-sm-4"><i class="ion-model-s"></i>ion-model-s
                                    </div>

                                    <div class="col-md-3 col-sm-4"><i class="ion-locked"></i>ion-locked
                                    </div>

                                    <div class="col-md-3 col-sm-4"><i class="ion-unlocked"></i>ion-unlocked
                                    </div>

                                    <div class="col-md-3 col-sm-4"><i class="ion-key"></i>ion-key
                                    </div>

                                    <div class="col-md-3 col-sm-4"><i class="ion-arrow-graph-up-right"></i>ion-arrow-graph-up-right
                                    </div>

                                    <div class="col-md-3 col-sm-4"><i class="ion-arrow-graph-down-right"></i>ion-arrow-graph-down-right
                                    </div>

                                    <div class="col-md-3 col-sm-4"><i class="ion-arrow-graph-down-left"></i>ion-arrow-graph-down-left
                                    </div>

                                    <div class="col-md-3 col-sm-4"><i class="ion-stats-bars"></i>ion-stats-bars
                                    </div>

                                    <div class="col-md-3 col-sm-4"><i class="ion-connection-bars"></i>ion-connection-bars
                                    </div>

                                    <div class="col-md-3 col-sm-4"><i class="ion-pie-graph"></i>ion-pie-graph
                                    </div>

                                    <div class="col-md-3 col-sm-4"><i class="ion-chatbubble"></i>ion-chatbubble
                                    </div>

                                    <div class="col-md-3 col-sm-4"><i class="ion-chatbubble-working"></i>ion-chatbubble-working
                                    </div>

                                    <div class="col-md-3 col-sm-4"><i class="ion-chatbubbles"></i>ion-chatbubbles
                                    </div>

                                    <div class="col-md-3 col-sm-4"><i class="ion-chatbox"></i>ion-chatbox
                                    </div>

                                    <div class="col-md-3 col-sm-4"><i class="ion-chatbox-working"></i>ion-chatbox-working
                                    </div>

                                    <div class="col-md-3 col-sm-4"><i class="ion-chatboxes"></i>ion-chatboxes
                                    </div>

                                    <div class="col-md-3 col-sm-4"><i class="ion-person"></i>ion-person
                                    </div>

                                    <div class="col-md-3 col-sm-4"><i class="ion-person-add"></i>ion-person-add
                                    </div>

                                    <div class="col-md-3 col-sm-4"><i class="ion-person-stalker"></i>ion-person-stalker
                                    </div>

                                    <div class="col-md-3 col-sm-4"><i class="ion-woman"></i>ion-woman
                                    </div>

                                    <div class="col-md-3 col-sm-4"><i class="ion-man"></i>ion-man
                                    </div>

                                    <div class="col-md-3 col-sm-4"><i class="ion-female"></i>ion-female
                                    </div>

                                    <div class="col-md-3 col-sm-4"><i class="ion-male"></i>ion-male
                                    </div>

                                    <div class="col-md-3 col-sm-4"><i class="ion-fork"></i>ion-fork
                                    </div>

                                    <div class="col-md-3 col-sm-4"><i class="ion-knife"></i>ion-knife
                                    </div>

                                    <div class="col-md-3 col-sm-4"><i class="ion-spoon"></i>ion-spoon
                                    </div>

                                    <div class="col-md-3 col-sm-4"><i class="ion-beer"></i>ion-beer
                                    </div>

                                    <div class="col-md-3 col-sm-4"><i class="ion-wineglass"></i>ion-wineglass
                                    </div>

                                    <div class="col-md-3 col-sm-4"><i class="ion-coffee"></i>ion-coffee
                                    </div>

                                    <div class="col-md-3 col-sm-4"><i class="ion-icecream"></i>ion-icecream
                                    </div>

                                    <div class="col-md-3 col-sm-4"><i class="ion-pizza"></i>ion-pizza
                                    </div>

                                    <div class="col-md-3 col-sm-4"><i class="ion-power"></i>ion-power
                                    </div>

                                    <div class="col-md-3 col-sm-4"><i class="ion-mouse"></i>ion-mouse
                                    </div>

                                    <div class="col-md-3 col-sm-4"><i class="ion-battery-full"></i>ion-battery-full
                                    </div>

                                    <div class="col-md-3 col-sm-4"><i class="ion-battery-half"></i>ion-battery-half
                                    </div>

                                    <div class="col-md-3 col-sm-4"><i class="ion-battery-low"></i>ion-battery-low
                                    </div>

                                    <div class="col-md-3 col-sm-4"><i class="ion-battery-empty"></i>ion-battery-empty
                                    </div>

                                    <div class="col-md-3 col-sm-4"><i class="ion-battery-charging"></i>ion-battery-charging
                                    </div>

                                    <div class="col-md-3 col-sm-4"><i class="ion-wifi"></i>ion-wifi
                                    </div>

                                    <div class="col-md-3 col-sm-4"><i class="ion-bluetooth"></i>ion-bluetooth
                                    </div>

                                    <div class="col-md-3 col-sm-4"><i class="ion-calculator"></i>ion-calculator
                                    </div>

                                    <div class="col-md-3 col-sm-4"><i class="ion-camera"></i>ion-camera
                                    </div>

                                    <div class="col-md-3 col-sm-4"><i class="ion-eye"></i>ion-eye
                                    </div>

                                    <div class="col-md-3 col-sm-4"><i class="ion-eye-disabled"></i>ion-eye-disabled
                                    </div>

                                    <div class="col-md-3 col-sm-4"><i class="ion-flash"></i>ion-flash
                                    </div>

                                    <div class="col-md-3 col-sm-4"><i class="ion-flash-off"></i>ion-flash-off
                                    </div>

                                    <div class="col-md-3 col-sm-4"><i class="ion-qr-scanner"></i>ion-qr-scanner
                                    </div>

                                    <div class="col-md-3 col-sm-4"><i class="ion-image"></i>ion-image
                                    </div>

                                    <div class="col-md-3 col-sm-4"><i class="ion-images"></i>ion-images
                                    </div>

                                    <div class="col-md-3 col-sm-4"><i class="ion-contrast"></i>ion-contrast
                                    </div>

                                    <div class="col-md-3 col-sm-4"><i class="ion-wand"></i>ion-wall
                                    </div>

                                    <div class="col-md-3 col-sm-4"><i class="ion-aperture"></i>ion-aperture
                                    </div>

                                    <div class="col-md-3 col-sm-4"><i class="ion-monitor"></i>ion-monitor
                                    </div>

                                    <div class="col-md-3 col-sm-4"><i class="ion-laptop"></i>ion-laptop
                                    </div>

                                    <div class="col-md-3 col-sm-4"><i class="ion-ipad"></i>ion-ipad
                                    </div>

                                    <div class="col-md-3 col-sm-4"><i class="ion-iphone"></i>ion-iphone
                                    </div>

                                    <div class="col-md-3 col-sm-4"><i class="ion-ipod"></i>ion-ipod
                                    </div>

                                    <div class="col-md-3 col-sm-4"><i class="ion-printer"></i>ion-printer
                                    </div>

                                    <div class="col-md-3 col-sm-4"><i class="ion-usb"></i>ion-usb
                                    </div>

                                    <div class="col-md-3 col-sm-4"><i class="ion-outlet"></i>ion-outlet
                                    </div>

                                    <div class="col-md-3 col-sm-4"><i class="ion-bug"></i>ion-bug
                                    </div>

                                    <div class="col-md-3 col-sm-4"><i class="ion-code"></i>ion-code
                                    </div>

                                    <div class="col-md-3 col-sm-4"><i class="ion-code-working"></i>ion-code-working
                                    </div>

                                    <div class="col-md-3 col-sm-4"><i class="ion-code-download"></i>ion-code-download
                                    </div>

                                    <div class="col-md-3 col-sm-4"><i class="ion-fork-repo"></i>ion-fork-repo
                                    </div>

                                    <div class="col-md-3 col-sm-4"><i class="ion-network"></i>ion-network
                                    </div>

                                    <div class="col-md-3 col-sm-4"><i class="ion-pull-request"></i>ion-pull-request
                                    </div>

                                    <div class="col-md-3 col-sm-4"><i class="ion-merge"></i>ion-go
                                    </div>

                                    <div class="col-md-3 col-sm-4"><i class="ion-game-controller-a"></i>ion-game-controller-a
                                    </div>

                                    <div class="col-md-3 col-sm-4"><i class="ion-game-controller-b"></i>ion-game-controller-b
                                    </div>

                                    <div class="col-md-3 col-sm-4"><i class="ion-xbox"></i>ion-xbox
                                    </div>

                                    <div class="col-md-3 col-sm-4"><i class="ion-playstation"></i>ion-playstation
                                    </div>

                                    <div class="col-md-3 col-sm-4"><i class="ion-steam"></i>ion-steam
                                    </div>

                                    <div class="col-md-3 col-sm-4"><i class="ion-closed-captioning"></i>ion-closed-captioning
                                    </div>

                                    <div class="col-md-3 col-sm-4"><i class="ion-videocamera"></i>ion-camera
                                    </div>

                                    <div class="col-md-3 col-sm-4"><i class="ion-film-marker"></i>ion-film-marker
                                    </div>

                                    <div class="col-md-3 col-sm-4"><i class="ion-disc"></i>ion-disc
                                    </div>

                                    <div class="col-md-3 col-sm-4"><i class="ion-headphone"></i>ion-headphone
                                    </div>

                                    <div class="col-md-3 col-sm-4"><i class="ion-music-note"></i>ion-music-note
                                    </div>

                                    <div class="col-md-3 col-sm-4"><i class="ion-radio-waves"></i>ion-radio-waves
                                    </div>

                                    <div class="col-md-3 col-sm-4"><i class="ion-speakerphone"></i>ion-speakerphone
                                    </div>

                                    <div class="col-md-3 col-sm-4"><i class="ion-mic-a"></i>ion-mic-a
                                    </div>

                                    <div class="col-md-3 col-sm-4"><i class="ion-mic-b"></i>ion-mic-b
                                    </div>

                                    <div class="col-md-3 col-sm-4"><i class="ion-mic-c"></i>ion-mic-c
                                    </div>

                                    <div class="col-md-3 col-sm-4"><i class="ion-volume-high"></i>ion-volume-high
                                    </div>

                                    <div class="col-md-3 col-sm-4"><i class="ion-volume-medium"></i>ion-volume-medium
                                    </div>

                                    <div class="col-md-3 col-sm-4"><i class="ion-volume-low"></i>ion-volume-low
                                    </div>

                                    <div class="col-md-3 col-sm-4"><i class="ion-volume-mute"></i>ion-volume-mute
                                    </div>

                                    <div class="col-md-3 col-sm-4"><i class="ion-levels"></i>ion-levels
                                    </div>

                                    <div class="col-md-3 col-sm-4"><i class="ion-play"></i>ion-play
                                    </div>

                                    <div class="col-md-3 col-sm-4"><i class="ion-pause"></i>ion-pause
                                    </div>

                                    <div class="col-md-3 col-sm-4"><i class="ion-stop"></i>ion-stop
                                    </div>

                                    <div class="col-md-3 col-sm-4"><i class="ion-record"></i>ion-record
                                    </div>

                                    <div class="col-md-3 col-sm-4"><i class="ion-skip-forward"></i>ion-skip-forward
                                    </div>

                                    <div class="col-md-3 col-sm-4"><i class="ion-skip-backward"></i>ion-skip-backward
                                    </div>

                                    <div class="col-md-3 col-sm-4"><i class="ion-eject"></i>ion-eject
                                    </div>

                                    <div class="col-md-3 col-sm-4"><i class="ion-bag"></i>ion-bag
                                    </div>

                                    <div class="col-md-3 col-sm-4"><i class="ion-card"></i>ion-card
                                    </div>

                                    <div class="col-md-3 col-sm-4"><i class="ion-cash"></i>ion-cash
                                    </div>

                                    <div class="col-md-3 col-sm-4"><i class="ion-pricetag"></i>ion-pricetag
                                    </div>

                                    <div class="col-md-3 col-sm-4"><i class="ion-pricetags"></i>ion-pricetags
                                    </div>

                                    <div class="col-md-3 col-sm-4"><i class="ion-thumbsup"></i>ion-thumbsup
                                    </div>

                                    <div class="col-md-3 col-sm-4"><i class="ion-thumbsdown"></i>ion-thumbsdown
                                    </div>

                                    <div class="col-md-3 col-sm-4"><i class="ion-happy"></i>ion-happy
                                    </div>

                                    <div class="col-md-3 col-sm-4"><i class="ion-sad"></i>ion-sad
                                    </div>

                                    <div class="col-md-3 col-sm-4"><i class="ion-trophy"></i>ion-trophy
                                    </div>

                                    <div class="col-md-3 col-sm-4"><i class="ion-podium"></i>ion-podium
                                    </div>

                                    <div class="col-md-3 col-sm-4"><i class="ion-ribbon-a"></i>ion-ribbon-a
                                    </div>

                                    <div class="col-md-3 col-sm-4"><i class="ion-ribbon-b"></i>ion-ribbon-b
                                    </div>

                                    <div class="col-md-3 col-sm-4"><i class="ion-university"></i>ion-university
                                    </div>

                                    <div class="col-md-3 col-sm-4"><i class="ion-magnet"></i>ion-magnet
                                    </div>

                                    <div class="col-md-3 col-sm-4"><i class="ion-beaker"></i>ion-beaker
                                    </div>

                                    <div class="col-md-3 col-sm-4"><i class="ion-flask"></i>ion-flask
                                    </div>

                                    <div class="col-md-3 col-sm-4"><i class="ion-egg"></i>ion-egg
                                    </div>

                                    <div class="col-md-3 col-sm-4"><i class="ion-earth"></i>ion-earth
                                    </div>

                                    <div class="col-md-3 col-sm-4"><i class="ion-planet"></i>ion-planet
                                    </div>

                                    <div class="col-md-3 col-sm-4"><i class="ion-lightbulb"></i>ion-lightbulb
                                    </div>

                                    <div class="col-md-3 col-sm-4"><i class="ion-cube"></i>ion-cube
                                    </div>

                                    <div class="col-md-3 col-sm-4"><i class="ion-leaf"></i>ion-leaf
                                    </div>

                                    <div class="col-md-3 col-sm-4"><i class="ion-waterdrop"></i>ion-waterdrop
                                    </div>

                                    <div class="col-md-3 col-sm-4"><i class="ion-flame"></i>ion-flame
                                    </div>

                                    <div class="col-md-3 col-sm-4"><i class="ion-fireball"></i>ion-fireball
                                    </div>

                                    <div class="col-md-3 col-sm-4"><i class="ion-bonfire"></i>ion-bonfire
                                    </div>

                                    <div class="col-md-3 col-sm-4"><i class="ion-umbrella"></i>ion-umbrella
                                    </div>

                                    <div class="col-md-3 col-sm-4"><i class="ion-nuclear"></i>ion-nuclear
                                    </div>

                                    <div class="col-md-3 col-sm-4"><i class="ion-no-smoking"></i>ion-no-smoking
                                    </div>

                                    <div class="col-md-3 col-sm-4"><i class="ion-thermometer"></i>ion-thermometer
                                    </div>

                                    <div class="col-md-3 col-sm-4"><i class="ion-speedometer"></i>ion-speedometer
                                    </div>

                                    <div class="col-md-3 col-sm-4"><i class="ion-plane"></i>ion-plane
                                    </div>

                                    <div class="col-md-3 col-sm-4"><i class="ion-jet"></i>ion-jet
                                    </div>

                                    <div class="col-md-3 col-sm-4"><i class="ion-load-a"></i>ion-load-a
                                    </div>

                                    <div class="col-md-3 col-sm-4"><i class="ion-load-b"></i>ion-load-b
                                    </div>

                                    <div class="col-md-3 col-sm-4"><i class="ion-load-c"></i>ion-load-c
                                    </div>

                                    <div class="col-md-3 col-sm-4"><i class="ion-load-d"></i>ion-load-d
                                    </div>

                                    <div class="col-md-3 col-sm-4"><i class="ion-ios7-ionic-outline"></i>ion-ios7-ionic-outline
                                    </div>

                                    <div class="col-md-3 col-sm-4"><i class="ion-ios7-arrow-back"></i>ion-ios7-arrow-back
                                    </div>

                                    <div class="col-md-3 col-sm-4"><i class="ion-ios7-arrow-forward"></i>ion-ios7-arrow-forward
                                    </div>

                                    <div class="col-md-3 col-sm-4"><i class="ion-ios7-arrow-up"></i>ion-ios7-arrow-up
                                    </div>

                                    <div class="col-md-3 col-sm-4"><i class="ion-ios7-arrow-right"></i>ion-ios7-arrow-right
                                    </div>

                                    <div class="col-md-3 col-sm-4"><i class="ion-ios7-arrow-down"></i>ion-ios7-arrow-down
                                    </div>

                                    <div class="col-md-3 col-sm-4"><i class="ion-ios7-arrow-left"></i>ion-ios7-arrow-left
                                    </div>

                                    <div class="col-md-3 col-sm-4"><i class="ion-ios7-arrow-thin-up"></i>ion-ios7-arrow-thin-up
                                    </div>

                                    <div class="col-md-3 col-sm-4"><i class="ion-ios7-arrow-thin-right"></i>ion-ios7-arrow-thin-right
                                    </div>

                                    <div class="col-md-3 col-sm-4"><i class="ion-ios7-arrow-thin-down"></i>ion-ios7-arrow-thin-down
                                    </div>

                                    <div class="col-md-3 col-sm-4"><i class="ion-ios7-arrow-thin-left"></i>ion-ios7-arrow-thin-left
                                    </div>

                                    <div class="col-md-3 col-sm-4"><i class="ion-ios7-circle-filled"></i>ion-ios7-circle-filled
                                    </div>

                                    <div class="col-md-3 col-sm-4"><i class="ion-ios7-circle-outline"></i>ion-ios7-circle-outline
                                    </div>

                                    <div class="col-md-3 col-sm-4"><i class="ion-ios7-checkmark-empty"></i>ion-ios7-checkmark-empty
                                    </div>

                                    <div class="col-md-3 col-sm-4"><i class="ion-ios7-checkmark-outline"></i>ion-ios7-checkmark-outline
                                    </div>

                                    <div class="col-md-3 col-sm-4"><i class="ion-ios7-checkmark"></i>ion-ios7-checkmark
                                    </div>

                                    <div class="col-md-3 col-sm-4"><i class="ion-ios7-plus-empty"></i>ion-ios7-plus-empty
                                    </div>

                                    <div class="col-md-3 col-sm-4"><i class="ion-ios7-plus-outline"></i>ion-ios7-plus-outline
                                    </div>

                                    <div class="col-md-3 col-sm-4"><i class="ion-ios7-plus"></i>ion-ios7 more
                                    </div>

                                    <div class="col-md-3 col-sm-4"><i class="ion-ios7-close-empty"></i>ion-ios7-close-empty
                                    </div>

                                    <div class="col-md-3 col-sm-4"><i class="ion-ios7-close-outline"></i>ion-ios7-close-outline
                                    </div>

                                    <div class="col-md-3 col-sm-4"><i class="ion-ios7-close"></i>ion-ios7-close
                                    </div>

                                    <div class="col-md-3 col-sm-4"><i class="ion-ios7-minus-empty"></i>ion-ios7-minus-empty
                                    </div>

                                    <div class="col-md-3 col-sm-4"><i class="ion-ios7-minus-outline"></i>ion-ios7-minus-outline
                                    </div>

                                    <div class="col-md-3 col-sm-4"><i class="ion-ios7-minus"></i>ion-ios7-minus
                                    </div>

                                    <div class="col-md-3 col-sm-4"><i class="ion-ios7-information-empty"></i>ion-ios7-information-empty
                                    </div>

                                    <div class="col-md-3 col-sm-4"><i class="ion-ios7-information-outline"></i>ion-ios7-information-outline
                                    </div>

                                    <div class="col-md-3 col-sm-4"><i class="ion-ios7-information"></i>ion-ios7-information
                                    </div>

                                    <div class="col-md-3 col-sm-4"><i class="ion-ios7-help-empty"></i>ion-ios7-help-empty
                                    </div>

                                    <div class="col-md-3 col-sm-4"><i class="ion-ios7-help-outline"></i>ion-ios7-help-outline
                                    </div>

                                    <div class="col-md-3 col-sm-4"><i class="ion-ios7-help"></i>ion-ios7-help
                                    </div>

                                    <div class="col-md-3 col-sm-4"><i class="ion-ios7-search"></i>ion-ios7-search
                                    </div>

                                    <div class="col-md-3 col-sm-4"><i class="ion-ios7-search-strong"></i>ion-ios7-search-strong
                                    </div>

                                    <div class="col-md-3 col-sm-4"><i class="ion-ios7-star"></i>ion-ios7-star
                                    </div>

                                    <div class="col-md-3 col-sm-4"><i class="ion-ios7-star-half"></i>ion-ios7-star-half
                                    </div>

                                    <div class="col-md-3 col-sm-4"><i class="ion-ios7-star-outline"></i>ion-ios7-star-outline
                                    </div>

                                    <div class="col-md-3 col-sm-4"><i class="ion-ios7-heart"></i>ion-ios7-heart
                                    </div>

                                    <div class="col-md-3 col-sm-4"><i class="ion-ios7-heart-outline"></i>ion-ios7-heart-outline
                                    </div>

                                    <div class="col-md-3 col-sm-4"><i class="ion-ios7-more"></i>ion-ios7-more
                                    </div>

                                    <div class="col-md-3 col-sm-4"><i class="ion-ios7-more-outline"></i>ion-ios7-more-outline
                                    </div>

                                    <div class="col-md-3 col-sm-4"><i class="ion-ios7-home"></i>ion-ios7-home
                                    </div>

                                    <div class="col-md-3 col-sm-4"><i class="ion-ios7-home-outline"></i>ion-ios7-home-outline
                                    </div>

                                    <div class="col-md-3 col-sm-4"><i class="ion-ios7-cloud"></i>ion-ios7-cloud
                                    </div>

                                    <div class="col-md-3 col-sm-4"><i class="ion-ios7-cloud-outline"></i>ion-ios7-cloud-outline
                                    </div>

                                    <div class="col-md-3 col-sm-4"><i class="ion-ios7-cloud-upload"></i>ion-ios7-cloud-upload
                                    </div>

                                    <div class="col-md-3 col-sm-4"><i class="ion-ios7-cloud-upload-outline"></i>ion-ios7-cloud-upload-outline
                                    </div>

                                    <div class="col-md-3 col-sm-4"><i class="ion-ios7-cloud-download"></i>ion-ios7-cloud-download
                                    </div>

                                    <div class="col-md-3 col-sm-4"><i class="ion-ios7-cloud-download-outline"></i>ion-ios7-cloud-download-outline
                                    </div>

                                    <div class="col-md-3 col-sm-4"><i class="ion-ios7-upload"></i>ion-ios7-upload
                                    </div>

                                    <div class="col-md-3 col-sm-4"><i class="ion-ios7-upload-outline"></i>ion-ios7-upload-outline
                                    </div>

                                    <div class="col-md-3 col-sm-4"><i class="ion-ios7-download"></i>ion-ios7-download
                                    </div>

                                    <div class="col-md-3 col-sm-4"><i class="ion-ios7-download-outline"></i>ion-ios7-download-outline
                                    </div>

                                    <div class="col-md-3 col-sm-4"><i class="ion-ios7-refresh"></i>ion-ios7-refresh
                                    </div>

                                    <div class="col-md-3 col-sm-4"><i class="ion-ios7-refresh-outline"></i>ion-ios7-refresh-outline
                                    </div>

                                    <div class="col-md-3 col-sm-4"><i class="ion-ios7-refresh-empty"></i>ion-ios7-refresh-empty
                                    </div>

                                    <div class="col-md-3 col-sm-4"><i class="ion-ios7-reload"></i>ion-ios7-reload
                                    </div>


                                    <div class="col-md-3 col-sm-4"><i class="ion-ios7-loop-strong"></i>ion-ios7-loop-strong
                                    </div>

                                    <div class="col-md-3 col-sm-4"><i class="ion-ios7-loop"></i>ion-ios7-loop
                                    </div>

                                    <div class="col-md-3 col-sm-4"><i class="ion-ios7-bookmarks"></i>ion-ios7-bookmarks
                                    </div>

                                    <div class="col-md-3 col-sm-4"><i class="ion-ios7-bookmarks-outline"></i>ion-ios7-bookmarks-outline
                                    </div>

                                    <div class="col-md-3 col-sm-4"><i class="ion-ios7-flag"></i>ion-ios7-flag
                                    </div>

                                    <div class="col-md-3 col-sm-4"><i class="ion-ios7-flag-outline"></i>ion-ios7-flag-outline
                                    </div>

                                    <div class="col-md-3 col-sm-4"><i class="ion-ios7-glasses"></i>ion-ios7-glasses
                                    </div>

                                    <div class="col-md-3 col-sm-4"><i class="ion-ios7-glasses-outline"></i>ion-ios7-glasses-outline
                                    </div>

                                    <div class="col-md-3 col-sm-4"><i class="ion-ios7-browsers"></i>ion-ios7-browsers
                                    </div>

                                    <div class="col-md-3 col-sm-4"><i class="ion-ios7-browsers-outline"></i>ion-ios7-browsers-outline
                                    </div>

                                    <div class="col-md-3 col-sm-4"><i class="ion-ios7-at"></i>ion-ios7-at
                                    </div>

                                    <div class="col-md-3 col-sm-4"><i class="ion-ios7-at-outline"></i>ion-ios7-at-outline
                                    </div>

                                    <div class="col-md-3 col-sm-4"><i class="ion-ios7-cart"></i>ion-ios7-cart
                                    </div>

                                    <div class="col-md-3 col-sm-4"><i class="ion-ios7-cart-outline"></i>ion-ios7-cart-outline
                                    </div>

                                    <div class="col-md-3 col-sm-4"><i class="ion-ios7-pricetag"></i>ion-ios7-pricetag
                                    </div>

                                    <div class="col-md-3 col-sm-4"><i class="ion-ios7-pricetag-outline"></i>ion-ios7-pricetag-outline
                                    </div>

                                    <div class="col-md-3 col-sm-4"><i class="ion-ios7-pricetags"></i>ion-ios7-pricetags
                                    </div>

                                    <div class="col-md-3 col-sm-4"><i class="ion-ios7-pricetags-outline"></i>ion-ios7-pricetags-outline
                                    </div>

                                    <div class="col-md-3 col-sm-4"><i class="ion-ios7-chatboxes"></i>ion-ios7-chatboxes
                                    </div>

                                    <div class="col-md-3 col-sm-4"><i class="ion-ios7-chatboxes-outline"></i>ion-ios7-chatboxes-outline
                                    </div>

                                    <div class="col-md-3 col-sm-4"><i class="ion-ios7-chatbubble"></i>ion-ios7-chatbubble
                                    </div>

                                    <div class="col-md-3 col-sm-4"><i class="ion-ios7-chatbubble-outline"></i>ion-ios7-chatbubble-outline
                                    </div>

                                    <div class="col-md-3 col-sm-4"><i class="ion-ios7-cog"></i>ion-ios7-cog
                                    </div>

                                    <div class="col-md-3 col-sm-4"><i class="ion-ios7-cog-outline"></i>ion-ios7-cog-outline
                                    </div>

                                    <div class="col-md-3 col-sm-4"><i class="ion-ios7-gear"></i>ion-ios7-gear
                                    </div>

                                    <div class="col-md-3 col-sm-4"><i class="ion-ios7-gear-outline"></i>ion-ios7-gear-outline
                                    </div>

                                    <div class="col-md-3 col-sm-4"><i class="ion-ios7-settings"></i>ion-ios7-settings
                                    </div>

                                    <div class="col-md-3 col-sm-4"><i class="ion-ios7-settings-strong"></i>ion-ios7-settings-strong
                                    </div>

                                    <div class="col-md-3 col-sm-4"><i class="ion-ios7-toggle"></i>ion-ios7-toggle
                                    </div>

                                    <div class="col-md-3 col-sm-4"><i class="ion-ios7-toggle-outline"></i>ion-ios7-toggle-outline
                                    </div>

                                    <div class="col-md-3 col-sm-4"><i class="ion-ios7-analytics"></i>ion-ios7-analytics
                                    </div>

                                    <div class="col-md-3 col-sm-4"><i class="ion-ios7-analytics-outline"></i>ion-ios7-analytics-outline
                                    </div>

                                    <div class="col-md-3 col-sm-4"><i class="ion-ios7-pie"></i>ion-ios7-pie
                                    </div>

                                    <div class="col-md-3 col-sm-4"><i class="ion-ios7-pie-outline"></i>ion-ios7-pie-outline
                                    </div>

                                    <div class="col-md-3 col-sm-4"><i class="ion-ios7-pulse"></i>ion-ios7-pulse
                                    </div>

                                    <div class="col-md-3 col-sm-4"><i class="ion-ios7-pulse-strong"></i>ion-ios7-pulse-strong
                                    </div>

                                    <div class="col-md-3 col-sm-4"><i class="ion-ios7-filing"></i>ion-ios7-filing
                                    </div>

                                    <div class="col-md-3 col-sm-4"><i class="ion-ios7-filing-outline"></i>ion-ios7-filing-outline
                                    </div>

                                    <div class="col-md-3 col-sm-4"><i class="ion-ios7-box"></i>ion-ios7-box
                                    </div>

                                    <div class="col-md-3 col-sm-4"><i class="ion-ios7-box-outline"></i>ion-ios7-box-outline
                                    </div>

                                    <div class="col-md-3 col-sm-4"><i class="ion-ios7-compose"></i>ion-ios7-compose
                                    </div>

                                    <div class="col-md-3 col-sm-4"><i class="ion-ios7-compose-outline"></i>ion-ios7-compose-outline
                                    </div>

                                    <div class="col-md-3 col-sm-4"><i class="ion-ios7-trash"></i>ion-ios7-trash
                                    </div>

                                    <div class="col-md-3 col-sm-4"><i class="ion-ios7-trash-outline"></i>ion-ios7-trash-outline
                                    </div>

                                    <div class="col-md-3 col-sm-4"><i class="ion-ios7-copy"></i>ion-ios7-copy
                                    </div>

                                    <div class="col-md-3 col-sm-4"><i class="ion-ios7-copy-outline"></i>ion-ios7-copy-outline
                                    </div>

                                    <div class="col-md-3 col-sm-4"><i class="ion-ios7-email"></i>ion-ios7-email
                                    </div>

                                    <div class="col-md-3 col-sm-4"><i class="ion-ios7-email-outline"></i>ion-ios7-email-outline
                                    </div>

                                    <div class="col-md-3 col-sm-4"><i class="ion-ios7-undo"></i>ion-ios7-undo
                                    </div>

                                    <div class="col-md-3 col-sm-4"><i class="ion-ios7-undo-outline"></i>ion-ios7-undo-outline
                                    </div>

                                    <div class="col-md-3 col-sm-4"><i class="ion-ios7-redo"></i>ion ios7-ready
                                    </div>

                                    <div class="col-md-3 col-sm-4"><i class="ion-ios7-redo-outline"></i>ion-ios7-redo-outline
                                    </div>

                                    <div class="col-md-3 col-sm-4"><i class="ion-ios7-redo-outline"></i>ion-ios7-redo-outline
                                    </div>

                                    <div class="col-md-3 col-sm-4"><i class="ion-ios7-paperplane"></i>ion-ios7-paperplane
                                    </div>

                                    <div class="col-md-3 col-sm-4"><i class="ion-ios7-paperplane-outline"></i>ion-ios7-paperplane-outline
                                    </div>

                                    <div class="col-md-3 col-sm-4"><i class="ion-ios7-folder"></i>ion-ios7-folder
                                    </div>

                                    <div class="col-md-3 col-sm-4"><i class="ion-ios7-folder-outline"></i>ion-ios7-folder-outline
                                    </div>

                                    <div class="col-md-3 col-sm-4"><i class="ion-ios7-paper"></i>ion-ios7-paper
                                    </div>

                                    <div class="col-md-3 col-sm-4"><i class="ion-ios7-paper-outline"></i>ion-ios7-paper-outline
                                    </div>

                                    <div class="col-md-3 col-sm-4"><i class="ion-ios7-world"></i>ion-ios7-world
                                    </div>

                                    <div class="col-md-3 col-sm-4"><i class="ion-ios7-world-outline"></i>ion-ios7-world-outline
                                    </div>

                                    <div class="col-md-3 col-sm-4"><i class="ion-ios7-alarm"></i>ion-ios7-alarm
                                    </div>

                                    <div class="col-md-3 col-sm-4"><i class="ion-ios7-alarm-outline"></i>ion-ios7-alarm-outline
                                    </div>

                                    <div class="col-md-3 col-sm-4"><i class="ion-ios7-speedometer"></i>ion-ios7-speedometer
                                    </div>

                                    <div class="col-md-3 col-sm-4"><i class="ion-ios7-speedometer-outline"></i>ion-ios7-speedometer-outline
                                    </div>

                                    <div class="col-md-3 col-sm-4"><i class="ion-ios7-stopwatch"></i>ion-ios7-stopwatch
                                    </div>

                                    <div class="col-md-3 col-sm-4"><i class="ion-ios7-stopwatch-outline"></i>ion-ios7-stopwatch-outline
                                    </div>

                                    <div class="col-md-3 col-sm-4"><i class="ion-ios7-timer"></i>ion-ios7-timer
                                    </div>

                                    <div class="col-md-3 col-sm-4"><i class="ion-ios7-timer-outline"></i>ion-ios7-timer-outline
                                    </div>

                                    <div class="col-md-3 col-sm-4"><i class="ion-ios7-clock"></i>ion-ios7-clock
                                    </div>

                                    <div class="col-md-3 col-sm-4"><i class="ion-ios7-clock-outline"></i>ion-ios7-clock-outline
                                    </div>

                                    <div class="col-md-3 col-sm-4"><i class="ion-ios7-time"></i>ion-ios7-time
                                    </div>

                                    <div class="col-md-3 col-sm-4"><i class="ion-ios7-time-outline"></i>ion-ios7-time-outline
                                    </div>

                                    <div class="col-md-3 col-sm-4"><i class="ion-ios7-calendar"></i>ion-ios7-calendar
                                    </div>

                                    <div class="col-md-3 col-sm-4"><i class="ion-ios7-calendar-outline"></i>ion-ios7-calendar-outline
                                    </div>

                                    <div class="col-md-3 col-sm-4"><i class="ion-ios7-photos"></i>ion-ios7-photos
                                    </div>

                                    <div class="col-md-3 col-sm-4"><i class="ion-ios7-photos-outline"></i>ion-ios7-photos-outline
                                    </div>

                                    <div class="col-md-3 col-sm-4"><i class="ion-ios7-albums"></i>ion-ios7-albums
                                    </div>

                                    <div class="col-md-3 col-sm-4"><i class="ion-ios7-albums-outline"></i>ion-ios7-albums-outline
                                    </div>

                                    <div class="col-md-3 col-sm-4"><i class="ion-ios7-camera"></i>ion-ios7-camera
                                    </div>

                                    <div class="col-md-3 col-sm-4"><i class="ion-ios7-camera-outline"></i>ion-ios7-camera-outline
                                    </div>

                                    <div class="col-md-3 col-sm-4"><i class="ion-ios7-reverse-camera"></i>ion-ios7-reverse-camera
                                    </div>

                                    <div class="col-md-3 col-sm-4"><i class="ion-ios7-reverse-camera-outline"></i>ion-ios7-reverse-camera-outline
                                    </div>

                                    <div class="col-md-3 col-sm-4"><i class="ion-ios7-eye"></i>ion-ios7-eye
                                    </div>

                                    <div class="col-md-3 col-sm-4"><i class="ion-ios7-eye-outline"></i>ion-ios7-eye-outline
                                    </div>

                                    <div class="col-md-3 col-sm-4"><i class="ion-ios7-bolt"></i>ion-ios7-bolt
                                    </div>

                                    <div class="col-md-3 col-sm-4"><i class="ion-ios7-bolt-outline"></i>ion-ios7-bolt-outline
                                    </div>

                                    <div class="col-md-3 col-sm-4"><i class="ion-ios7-barcode"></i>ion-ios7-barcode
                                    </div>

                                    <div class="col-md-3 col-sm-4"><i class="ion-ios7-barcode-outline"></i>ion-ios7-barcode-outline
                                    </div>

                                    <div class="col-md-3 col-sm-4"><i class="ion-ios7-briefcase"></i>ion-ios7-briefcase
                                    </div>

                                    <div class="col-md-3 col-sm-4"><i class="ion-ios7-briefcase-outline"></i>ion-ios7-briefcase-outline
                                    </div>

                                    <div class="col-md-3 col-sm-4"><i class="ion-ios7-medkit"></i>ion-ios7-medkit
                                    </div>

                                    <div class="col-md-3 col-sm-4"><i class="ion-ios7-medkit-outline"></i>ion-ios7-medkit-outline
                                    </div>

                                    <div class="col-md-3 col-sm-4"><i class="ion-ios7-infinite"></i>ion-ios7-infinite
                                    </div>

                                    <div class="col-md-3 col-sm-4"><i class="ion-ios7-infinite-outline"></i>ion-ios7-infinite-outline
                                    </div>

                                    <div class="col-md-3 col-sm-4"><i class="ion-ios7-calculator"></i>ion-ios7-calculator
                                    </div>

                                    <div class="col-md-3 col-sm-4"><i class="ion-ios7-calculator-outline"></i>ion-ios7-calculator-outline
                                    </div>

                                    <div class="col-md-3 col-sm-4"><i class="ion-ios7-keypad"></i>ion-ios7-keypad
                                    </div>

                                    <div class="col-md-3 col-sm-4"><i class="ion-ios7-keypad-outline"></i>ion-ios7-keypad-outline
                                    </div>

                                    <div class="col-md-3 col-sm-4"><i class="ion-ios7-telephone"></i>ion-ios7-telephone
                                    </div>

                                    <div class="col-md-3 col-sm-4"><i class="ion-ios7-telephone-outline"></i>ion-ios7-telephone-outline
                                    </div>

                                    <div class="col-md-3 col-sm-4"><i class="ion-ios7-drag"></i>ion-ios7-drag
                                    </div>

                                    <div class="col-md-3 col-sm-4"><i class="ion-ios7-location"></i>ion-ios7-location
                                    </div>

                                    <div class="col-md-3 col-sm-4"><i class="ion-ios7-location-outline"></i>ion-ios7-location-outline
                                    </div>

                                    <div class="col-md-3 col-sm-4"><i class="ion-ios7-navigate"></i>ion-ios7-navigate
                                    </div>

                                    <div class="col-md-3 col-sm-4"><i class="ion-ios7-navigate-outline"></i>ion-ios7-navigate-outline
                                    </div>

                                    <div class="col-md-3 col-sm-4"><i class="ion-ios7-locked"></i>ion-ios7-locked
                                    </div>

                                    <div class="col-md-3 col-sm-4"><i class="ion-ios7-locked-outline"></i>ion-ios7-locked-outline
                                    </div>

                                    <div class="col-md-3 col-sm-4"><i class="ion-ios7-unlocked"></i>ion-ios7-unlocked
                                    </div>

                                    <div class="col-md-3 col-sm-4"><i class="ion-ios7-unlocked-outline"></i>ion-ios7-unlocked-outline
                                    </div>

                                    <div class="col-md-3 col-sm-4"><i class="ion-ios7-monitor"></i>ion-ios7-monitor
                                    </div>

                                    <div class="col-md-3 col-sm-4"><i class="ion-ios7-monitor-outline"></i>ion-ios7-monitor-outline
                                    </div>

                                    <div class="col-md-3 col-sm-4"><i class="ion-ios7-printer"></i>ion-ios7-printer
                                    </div>

                                    <div class="col-md-3 col-sm-4"><i class="ion-ios7-printer-outline"></i>ion-ios7-printer-outline
                                    </div>

                                    <div class="col-md-3 col-sm-4"><i class="ion-ios7-person"></i>ion-ios7-person
                                    </div>

                                    <div class="col-md-3 col-sm-4"><i class="ion-ios7-person-outline"></i>ion-ios7-person-outline
                                    </div>

                                    <div class="col-md-3 col-sm-4"><i class="ion-ios7-personadd"></i>ion-ios7-personadd
                                    </div>

                                    <div class="col-md-3 col-sm-4"><i class="ion-ios7-personadd-outline"></i>ion-ios7-personadd-outline
                                    </div>

                                    <div class="col-md-3 col-sm-4"><i class="ion-ios7-people"></i>ion-ios7-people
                                    </div>

                                    <div class="col-md-3 col-sm-4"><i class="ion-ios7-people-outline"></i>ion-ios7-people-outline
                                    </div>

                                    <div class="col-md-3 col-sm-4"><i class="ion-ios7-tennisball"></i>ion ios7-tennis ball
                                    </div>

                                    <div class="col-md-3 col-sm-4"><i class="ion-ios7-tennisball-outline"></i>ion ios7 tennis ball outline
                                    </div>

                                    <div class="col-md-3 col-sm-4"><i class="ion-ios7-baseball"></i>ion-ios7-baseball
                                    </div>

                                    <div class="col-md-3 col-sm-4"><i class="ion-ios7-baseball-outline"></i>ion-ios7-baseball-outline
                                    </div>

                                    <div class="col-md-3 col-sm-4"><i class="ion-ios7-basketball"></i>ion-ios7-basketball
                                    </div>

                                    <div class="col-md-3 col-sm-4"><i class="ion-ios7-basketball-outline"></i>ion-ios7-basketball-outline
                                    </div>

                                    <div class="col-md-3 col-sm-4"><i class="ion-ios7-football"></i>ion-ios7-football
                                    </div>

                                    <div class="col-md-3 col-sm-4"><i class="ion-ios7-football-outline"></i>ion-ios7-football-outline
                                    </div>

                                    <div class="col-md-3 col-sm-4"><i class="ion-ios7-americanfootball"></i>ion-ios7-americanfootball
                                    </div>

                                    <div class="col-md-3 col-sm-4"><i class="ion-ios7-americanfootball-outline"></i>ion-ios7-americanfootball-outline
                                    </div>

                                    <div class="col-md-3 col-sm-4"><i class="ion-ios7-paw"></i>ion-ios7-paw
                                    </div>

                                    <div class="col-md-3 col-sm-4"><i class="ion-ios7-paw-outline"></i>ion-ios7-paw-outline
                                    </div>

                                    <div class="col-md-3 col-sm-4"><i class="ion-ios7-sunny"></i>ion-ios7-sunny
                                    </div>

                                    <div class="col-md-3 col-sm-4"><i class="ion-ios7-sunny-outline"></i>ion-ios7-sunny-outline
                                    </div>

                                    <div class="col-md-3 col-sm-4"><i class="ion-ios7-partlysunny"></i>ion-ios7-partlysunny
                                    </div>

                                    <div class="col-md-3 col-sm-4"><i class="ion-ios7-partlysunny-outline"></i>ion-ios7-partlysunny-Outline
                                    </div>

                                    <div class="col-md-3 col-sm-4"><i class="ion-ios7-cloudy"></i>ion-ios7-cloudy
                                    </div>

                                    <div class="col-md-3 col-sm-4"><i class="ion-ios7-cloudy-outline"></i>ion-ios7-cloudy-outline
                                    </div>

                                    <div class="col-md-3 col-sm-4"><i class="ion-ios7-rainy"></i>ion-ios7-rainy
                                    </div>

                                    <div class="col-md-3 col-sm-4"><i class="ion-ios7-rainy-outline"></i>ion-ios7-rainy-outline
                                    </div>

                                    <div class="col-md-3 col-sm-4"><i class="ion-ios7-thunderstorm"></i>ion-ios7-thunderstorm
                                    </div>

                                    <div class="col-md-3 col-sm-4"><i class="ion-ios7-thunderstorm-outline"></i>ion-ios7-thunderstorm-outline
                                    </div>

                                    <div class="col-md-3 col-sm-4"><i class="ion-ios7-snowy"></i>ion-ios7-snowy
                                    </div>

                                    <div class="col-md-3 col-sm-4"><i class="ion-ios7-moon"></i>ion-ios7-moon
                                    </div>

                                    <div class="col-md-3 col-sm-4"><i class="ion-ios7-moon-outline"></i>ion-ios7-moon-outline
                                    </div>

                                    <div class="col-md-3 col-sm-4"><i class="ion-ios7-cloudy-night"></i>ion-ios7-cloudy-night
                                    </div>

                                    <div class="col-md-3 col-sm-4"><i class="ion-ios7-cloudy-night-outline"></i>ion-ios7-cloudy-night-outline
                                    </div>

                                    <div class="col-md-3 col-sm-4"><i class="ion-ios7-musical-notes"></i>ion-ios7-musical-notes
                                    </div>

                                    <div class="col-md-3 col-sm-4"><i class="ion-ios7-musical-note"></i>ion-ios7-musical-note
                                    </div>

                                    <div class="col-md-3 col-sm-4"><i class="ion-ios7-bell"></i>ion-ios7-bell
                                    </div>

                                    <div class="col-md-3 col-sm-4"><i class="ion-ios7-bell-outline"></i>ion-ios7-bell-outline
                                    </div>

                                    <div class="col-md-3 col-sm-4"><i class="ion-ios7-mic"></i>ion-ios7-small
                                    </div>

                                    <div class="col-md-3 col-sm-4"><i class="ion-ios7-mic-outline"></i>ion-ios7-mic-outline
                                    </div>

                                    <div class="col-md-3 col-sm-4"><i class="ion-ios7-mic-off"></i>ion-ios7-mic-off
                                    </div>

                                    <div class="col-md-3 col-sm-4"><i class="ion-ios7-volume-high"></i>ion-ios7-volume-high
                                    </div>

                                    <div class="col-md-3 col-sm-4"><i class="ion-ios7-volume-low"></i>ion-ios7-volume-low
                                    </div>

                                    <div class="col-md-3 col-sm-4"><i class="ion-ios7-play"></i>ion-ios7-play
                                    </div>

                                    <div class="col-md-3 col-sm-4"><i class="ion-ios7-play-outline"></i>ion-ios7-play-outline
                                    </div>

                                    <div class="col-md-3 col-sm-4"><i class="ion-ios7-pause"></i>ion-ios7-pause
                                    </div>

                                    <div class="col-md-3 col-sm-4"><i class="ion-ios7-pause-outline"></i>ion-ios7-pause-outline
                                    </div>

                                    <div class="col-md-3 col-sm-4"><i class="ion-ios7-recording"></i>ion-ios7-recording
                                    </div>

                                    <div class="col-md-3 col-sm-4"><i class="ion-ios7-recording-outline"></i>ion-ios7-recording-outline
                                    </div>

                                    <div class="col-md-3 col-sm-4"><i class="ion-ios7-fastforward"></i>ion-iOS7-FastForward
                                    </div>

                                    <div class="col-md-3 col-sm-4"><i class="ion-ios7-fastforward-outline"></i>ion-iOS7-FastForward-outline
                                    </div>

                                    <div class="col-md-3 col-sm-4"><i class="ion-ios7-rewind"></i>ion-ios7-rewind
                                    </div>

                                    <div class="col-md-3 col-sm-4"><i class="ion-ios7-rewind-outline"></i>ion-ios7-rewind-outline
                                    </div>

                                    <div class="col-md-3 col-sm-4"><i class="ion-ios7-skipbackward"></i>ion-ios7-skipbackward
                                    </div>

                                    <div class="col-md-3 col-sm-4"><i class="ion-ios7-skipbackward-outline"></i>ion-ios7-skipbackward-outline
                                    </div>

                                    <div class="col-md-3 col-sm-4"><i class="ion-ios7-skipforward"></i>ion-ios7-skipforward
                                    </div>

                                    <div class="col-md-3 col-sm-4"><i class="ion-ios7-skipforward-outline"></i>ion-ios7-skipforward-outline
                                    </div>

                                    <div class="col-md-3 col-sm-4"><i class="ion-ios7-videocam"></i>ion-iOS7-videocam
                                    </div>

                                    <div class="col-md-3 col-sm-4"><i class="ion-ios7-videocam-outline"></i>ion-ios7-videocam-outline
                                    </div>

                                    <div class="col-md-3 col-sm-4"><i class="ion-ios7-film"></i>ion-ios7-film
                                    </div>

                                    <div class="col-md-3 col-sm-4"><i class="ion-ios7-film-outline"></i>ion-ios7-film-outline
                                    </div>

                                    <div class="col-md-3 col-sm-4"><i class="ion-ios7-lightbulb"></i>ion-ios7-lightbulb
                                    </div>

                                    <div class="col-md-3 col-sm-4"><i class="ion-ios7-lightbulb-outline"></i>ion-ios7-lightbulb-outline
                                    </div>

                                    <div class="col-md-3 col-sm-4"><i class="ion-ios7-wineglass"></i>ion-ios7-wineglass
                                    </div>

                                    <div class="col-md-3 col-sm-4"><i class="ion-ios7-wineglass-outline"></i>ion-ios7-wineglass-outline
                                    </div>

                                    <div class="col-md-3 col-sm-4"><i class="ion-android-system-back"></i>ion-android-system-back
                                    </div>

                                    <div class="col-md-3 col-sm-4"><i class="ion-android-system-home"></i>ion-android-system-home
                                    </div>

                                    <div class="col-md-3 col-sm-4"><i class="ion-android-system-windows"></i>ion-android-system-windows
                                    </div>

                                    <div class="col-md-3 col-sm-4"><i class="ion-android-wifi"></i>ion-android-wifi
                                    </div>

                                    <div class="col-md-3 col-sm-4"><i class="ion-android-battery"></i>ion-android-battery
                                    </div>

                                    <div class="col-md-3 col-sm-4"><i class="ion-android-storage"></i>ion-android-storage
                                    </div>

                                    <div class="col-md-3 col-sm-4"><i class="ion-android-keypad"></i>ion-android-keypad
                                    </div>

                                    <div class="col-md-3 col-sm-4"><i class="ion-android-call"></i>ion-android-call
                                    </div>

                                    <div class="col-md-3 col-sm-4"><i class="ion-android-arrow-back"></i>ion-android-arrow-back
                                    </div>

                                    <div class="col-md-3 col-sm-4"><i class="ion-android-arrow-forward"></i>ion-android-arrow-forward
                                    </div>

                                    <div class="col-md-3 col-sm-4"><i class="ion-android-arrow-up-right"></i>ion-android-arrow-up-right
                                    </div>

                                    <div class="col-md-3 col-sm-4"><i class="ion-android-arrow-down-right"></i>ion-android-arrow-down-right
                                    </div>

                                    <div class="col-md-3 col-sm-4"><i class="ion-android-arrow-down-left"></i>ion-android-arrow-down-left
                                    </div>

                                    <div class="col-md-3 col-sm-4"><i class="ion-android-arrow-up-left"></i>ion-android-arrow-up-left
                                    </div>

                                    <div class="col-md-3 col-sm-4"><i class="ion-android-sort"></i>ion-android-sort
                                    </div>

                                    <div class="col-md-3 col-sm-4"><i class="ion-android-drawer"></i>ion-android-drawer
                                    </div>

                                    <div class="col-md-3 col-sm-4"><i class="ion-android-stair-drawer"></i>ion-android-stair-drawer
                                    </div>

                                    <div class="col-md-3 col-sm-4"><i class="ion-android-more"></i>ion-android-more
                                    </div>

                                    <div class="col-md-3 col-sm-4"><i class="ion-android-dropdown"></i>ion-android-dropdown
                                    </div>

                                    <div class="col-md-3 col-sm-4"><i class="ion-android-settings"></i>ion-android-settings
                                    </div>

                                    <div class="col-md-3 col-sm-4"><i class="ion-android-mixer"></i>ion-android-mixer
                                    </div>

                                    <div class="col-md-3 col-sm-4"><i class="ion-android-display"></i>ion-android-display
                                    </div>

                                    <div class="col-md-3 col-sm-4"><i class="ion-android-star"></i>ion-android-star
                                    </div>

                                    <div class="col-md-3 col-sm-4"><i class="ion-android-search"></i>ion-android-search
                                    </div>

                                    <div class="col-md-3 col-sm-4"><i class="ion-android-microphone"></i>ion-android-microphone
                                    </div>

                                    <div class="col-md-3 col-sm-4"><i class="ion-android-checkmark"></i>ion-android-checkmark
                                    </div>

                                    <div class="col-md-3 col-sm-4"><i class="ion-android-information"></i>ion-android-information
                                    </div>

                                    <div class="col-md-3 col-sm-4"><i class="ion-android-add"></i>ion-android-add
                                    </div>

                                    <div class="col-md-3 col-sm-4"><i class="ion-android-remove"></i>ion-android-remove
                                    </div>

                                    <div class="col-md-3 col-sm-4"><i class="ion-android-close"></i>ion-android-close
                                    </div>

                                    <div class="col-md-3 col-sm-4"><i class="ion-android-trash"></i>ion-android-trash
                                    </div>

                                    <div class="col-md-3 col-sm-4"><i class="ion-android-volume"></i>ion-android-volume
                                    </div>

                                    <div class="col-md-3 col-sm-4"><i class="ion-android-printer"></i>ion-android-printer
                                    </div>

                                    <div class="col-md-3 col-sm-4"><i class="ion-android-download"></i>ion-android-download
                                    </div>

                                    <div class="col-md-3 col-sm-4"><i class="ion-android-hand"></i>ion-android-hand
                                    </div>

                                    <div class="col-md-3 col-sm-4"><i class="ion-android-developer"></i>ion-android-developer
                                    </div>

                                    <div class="col-md-3 col-sm-4"><i class="ion-android-calendar"></i>ion-android-calendar
                                    </div>

                                    <div class="col-md-3 col-sm-4"><i class="ion-android-clock"></i>ion-android-clock
                                    </div>

                                    <div class="col-md-3 col-sm-4"><i class="ion-android-alarm"></i>ion-android-alarm
                                    </div>

                                    <div class="col-md-3 col-sm-4"><i class="ion-android-stopwatch"></i>ion-android-stopwatch
                                    </div>

                                    <div class="col-md-3 col-sm-4"><i class="ion-android-data"></i>ion-android-data
                                    </div>

                                    <div class="col-md-3 col-sm-4"><i class="ion-android-timer"></i>ion-android-timer
                                    </div>

                                    <div class="col-md-3 col-sm-4"><i class="ion-android-camera"></i>ion-android-camera
                                    </div>

                                    <div class="col-md-3 col-sm-4"><i class="ion-android-image"></i>ion-android-image
                                    </div>

                                    <div class="col-md-3 col-sm-4"><i class="ion-android-location"></i>ion-android-location
                                    </div>

                                    <div class="col-md-3 col-sm-4"><i class="ion-android-locate"></i>ion-android-locate
                                    </div>

                                    <div class="col-md-3 col-sm-4"><i class="ion-android-earth"></i>ion-android-earth
                                    </div>

                                    <div class="col-md-3 col-sm-4"><i class="ion-android-book"></i>ion-android-book
                                    </div>

                                    <div class="col-md-3 col-sm-4"><i class="ion-android-note"></i>ion-android-note
                                    </div>

                                    <div class="col-md-3 col-sm-4"><i class="ion-android-promotion"></i>ion-android-promotion
                                    </div>

                                    <div class="col-md-3 col-sm-4"><i class="ion-android-playstore"></i>ion-android-playstore
                                    </div>

                                    <div class="col-md-3 col-sm-4"><i class="ion-android-share"></i>ion-android-share
                                    </div>

                                    <div class="col-md-3 col-sm-4"><i class="ion-android-send"></i>ion-android-send
                                    </div>

                                    <div class="col-md-3 col-sm-4"><i class="ion-android-mail"></i>ion-android-mail
                                    </div>

                                    <div class="col-md-3 col-sm-4"><i class="ion-android-inbox"></i>ion-android-inbox
                                    </div>

                                    <div class="col-md-3 col-sm-4"><i class="ion-android-archive"></i>ion-android-archive
                                    </div>

                                    <div class="col-md-3 col-sm-4"><i class="ion-android-folder"></i>ion-android-folder
                                    </div>

                                    <div class="col-md-3 col-sm-4"><i class="ion-android-forums"></i>ion-android-forums
                                    </div>

                                    <div class="col-md-3 col-sm-4"><i class="ion-android-chat"></i>ion-android-chat
                                    </div>

                                    <div class="col-md-3 col-sm-4"><i class="ion-android-user-menu"></i>ion-android-user-menu
                                    </div>

                                    <div class="col-md-3 col-sm-4"><i class="ion-android-contact"></i>ion-android-contact
                                    </div>

                                    <div class="col-md-3 col-sm-4"><i class="ion-android-contacts"></i>ion-android-contacts
                                    </div>

                                    <div class="col-md-3 col-sm-4"><i class="ion-android-friends"></i>ion-android-friends
                                    </div>

                                    <div class="col-md-3 col-sm-4"><i class="ion-android-add-contact"></i>ion-android-add-contact
                                    </div>

                                    <div class="col-md-3 col-sm-4"><i class="ion-android-social-user"></i>ion-android-social-user
                                    </div>

                                    <div class="col-md-3 col-sm-4"><i class="ion-android-social"></i>ion-android-social
                                    </div>

                                    <div class="col-md-3 col-sm-4"><i class="ion-android-reminder"></i>ion-android-reminder
                                    </div>

                                    <div class="col-md-3 col-sm-4"><i class="ion-android-lightbulb"></i>ion-android-lightbulb
                                    </div>

                                    <div class="col-md-3 col-sm-4"><i class="ion-social-twitter"></i>ion-social-twitter
                                    </div>

                                    <div class="col-md-3 col-sm-4"><i class="ion-social-twitter-outline"></i>ion-social-twitter-outline
                                    </div>

                                    <div class="col-md-3 col-sm-4"><i class="ion-social-facebook"></i>ion-social-facebook
                                    </div>

                                    <div class="col-md-3 col-sm-4"><i class="ion-social-facebook-outline"></i>ion-social-facebook-outline
                                    </div>

                                    <div class="col-md-3 col-sm-4"><i class="ion-social-googleplus"></i>ion-social-googleplus
                                    </div>

                                    <div class="col-md-3 col-sm-4"><i class="ion-social-googleplus-outline"></i>ion-social-googleplus-outline
                                    </div>

                                    <div class="col-md-3 col-sm-4"><i class="ion-social-google"></i>ion-social-google
                                    </div>

                                    <div class="col-md-3 col-sm-4"><i class="ion-social-google-outline"></i>ion-social-google-outline
                                    </div>

                                    <div class="col-md-3 col-sm-4"><i class="ion-social-dribbble"></i>ion-social-dribbble
                                    </div>

                                    <div class="col-md-3 col-sm-4"><i class="ion-social-dribbble-outline"></i>ion-social-dribbble-outline
                                    </div>

                                    <div class="col-md-3 col-sm-4"><i class="ion-social-github"></i>ion-social-github
                                    </div>

                                    <div class="col-md-3 col-sm-4"><i class="ion-social-github-outline"></i>ion-social-github-outline
                                    </div>

                                    <div class="col-md-3 col-sm-4"><i class="ion-social-instagram"></i>ion-social-instagram
                                    </div>

                                    <div class="col-md-3 col-sm-4"><i class="ion-social-instagram-outline"></i>ion-social-instagram-outline
                                    </div>

                                    <div class="col-md-3 col-sm-4"><i class="ion-social-foursquare"></i>ion-social-foursquare
                                    </div>

                                    <div class="col-md-3 col-sm-4"><i class="ion-social-foursquare-outline"></i>ion-social-foursquare-outline
                                    </div>

                                    <div class="col-md-3 col-sm-4"><i class="ion-social-pinterest"></i>ion-social-pinterest
                                    </div>

                                    <div class="col-md-3 col-sm-4"><i class="ion-social-pinterest-outline"></i>ion-social-pinterest-outline
                                    </div>

                                    <div class="col-md-3 col-sm-4"><i class="ion-social-rss"></i>ion-social-rss
                                    </div>

                                    <div class="col-md-3 col-sm-4"><i class="ion-social-rss-outline"></i>ion-social-rss-outline
                                    </div>

                                    <div class="col-md-3 col-sm-4"><i class="ion-social-tumblr"></i>ion-social-tumblr
                                    </div>

                                    <div class="col-md-3 col-sm-4"><i class="ion-social-tumblr-outline"></i>ion-social-tumblr-outline
                                    </div>

                                    <div class="col-md-3 col-sm-4"><i class="ion-social-wordpress"></i>ion-social-wordpress
                                    </div>

                                    <div class="col-md-3 col-sm-4"><i class="ion-social-wordpress-outline"></i>ion-social-wordpress-outline
                                    </div>

                                    <div class="col-md-3 col-sm-4"><i class="ion-social-reddit"></i>ion-social-reddit
                                    </div>

                                    <div class="col-md-3 col-sm-4"><i class="ion-social-reddit-outline"></i>ion-social-reddit-outline
                                    </div>

                                    <div class="col-md-3 col-sm-4"><i class="ion-social-hackernews"></i>ion-social-hackernews
                                    </div>

                                    <div class="col-md-3 col-sm-4"><i class="ion-social-hackernews-outline"></i>ion-social-hackernews-outline
                                    </div>

                                    <div class="col-md-3 col-sm-4"><i class="ion-social-designernews"></i>ion-social-designernews
                                    </div>

                                    <div class="col-md-3 col-sm-4"><i class="ion-social-designernews-outline"></i>ion-social-designernews-outline
                                    </div>

                                    <div class="col-md-3 col-sm-4"><i class="ion-social-yahoo"></i>ion-social-yahoo
                                    </div>

                                    <div class="col-md-3 col-sm-4"><i class="ion-social-yahoo-outline"></i>ion-social-yahoo-outline
                                    </div>

                                    <div class="col-md-3 col-sm-4"><i class="ion-social-buffer"></i>ion-social-buffer
                                    </div>

                                    <div class="col-md-3 col-sm-4"><i class="ion-social-buffer-outline"></i>ion-social-buffer-outline
                                    </div>

                                    <div class="col-md-3 col-sm-4"><i class="ion-social-skype"></i>ion-social-skype
                                    </div>

                                    <div class="col-md-3 col-sm-4"><i class="ion-social-skype-outline"></i>ion-social-skype-outline
                                    </div>

                                    <div class="col-md-3 col-sm-4"><i class="ion-social-linkedin"></i>ion-social-linkedin
                                    </div>

                                    <div class="col-md-3 col-sm-4"><i class="ion-social-linkedin-outline"></i>ion-social-linkedin-outline
                                    </div>

                                    <div class="col-md-3 col-sm-4"><i class="ion-social-usd"></i>ion-social-usd
                                    </div>

                                    <div class="col-md-3 col-sm-4"><i class="ion-social-usd-outline"></i>ion-social-usd-outline
                                    </div>

                                    <div class="col-md-3 col-sm-4"><i class="ion-social-bitcoin"></i>ion-social-bitcoin
                                    </div>

                                    <div class="col-md-3 col-sm-4"><i class="ion-social-bitcoin-outline"></i>ion-social-bitcoin-outline
                                    </div>

                                    <div class="col-md-3 col-sm-4"><i class="ion-social-vimeo"></i>ion-social-vimeo
                                    </div>

                                    <div class="col-md-3 col-sm-4"><i class="ion-social-vimeo-outline"></i>ion-social-vimeo-outline
                                    </div>

                                    <div class="col-md-3 col-sm-4"><i class="ion-social-youtube"></i>ion-social-youtube
                                    </div>

                                    <div class="col-md-3 col-sm-4"><i class="ion-social-youtube-outline"></i>ion-social-youtube-outline
                                    </div>

                                    <div class="col-md-3 col-sm-4"><i class="ion-social-dropbox"></i>ion-social-dropbox
                                    </div>

                                    <div class="col-md-3 col-sm-4"><i class="ion-social-dropbox-outline"></i>ion-social-dropbox-outline
                                    </div>

                                    <div class="col-md-3 col-sm-4"><i class="ion-social-apple"></i>ion-social-apple
                                    </div>

                                    <div class="col-md-3 col-sm-4"><i class="ion-social-apple-outline"></i>ion-social-apple-outline
                                    </div>

                                    <div class="col-md-3 col-sm-4"><i class="ion-social-android"></i>ion-social-android
                                    </div>

                                    <div class="col-md-3 col-sm-4"><i class="ion-social-android"></i>ion-social-android-outline
                                    </div>

                                    <div class="col-md-3 col-sm-4"><i class="ion-social-windows"></i>ion-social-windows
                                    </div>

                                    <div class="col-md-3 col-sm-4"><i class="ion-social-windows-outline"></i>ion-social-windows-outline
                                    </div>

                                    <div class="col-md-3 col-sm-4"><i class="ion-social-tux"></i>ion-social-tux
                                    </div>

                                    <div class="col-md-3 col-sm-4"><i class="ion-social-freebsd-devil"></i>ion-social-freebsd-devil
                                    </div>


                                    <div class="col-md-3 col-sm-4"><i class="ion-looping"></i>ion-looping
                                    </div>

                                    <div class="col-md-3 col-sm-4"><i class="ion-refreshing"></i>ion-refreshing
                                    </div>

                                    <div class="col-md-3 col-sm-4"><i class="ion-ios7-reloading"></i>ion-ios7-reloading
                                    </div>

                                    <div class="col-md-3 col-sm-4"><i class="ion-loading-a"></i>ion-loading-a
                                    </div>

                                    <div class="col-md-3 col-sm-4"><i class="ion-loading-c"></i>ion-loading-c
                                    </div>

                                    <div class="col-md-3 col-sm-4"><i class="ion-loading-b"></i>ion-loading-b
                                    </div>

                                    <div class="col-md-3 col-sm-4"><i class="ion-loading-d"></i>ion-loading-d
                                    </div>

                                </div> <!-- End row -->
                            </div> <!-- end panel-body -->
                        </div> <!-- Panel-default-->
                    </div> <!-- col-->
                </div> <!-- End row -->


                <div class="row">
                    <div class="col-md-12">
                        <div class="panel panel-default">
                            <div class="panel-heading">
                                <h3 class="panel-title">Font-awesome</h3>
                            </div>
                            <div class="panel-body">
                                <section>
                                    <h4>40 New Icons in 4.3 <span class="label label-sm label-purple">New</span></h4>
                                    <div class="icon-list row">
                                        <div class="col-md-3 col-sm-4"><i class="fa fa-bed"></i> fa-bed</div>

                                        <div class="col-md-3 col-sm-4"><i class="fa fa-buysellads"></i> fa-buysellads</div>

                                        <div class="col-md-3 col-sm-4"><i class="fa fa-cart-arrow-down"></i> fa-cart-arrow-down</div>

                                        <div class="col-md-3 col-sm-4"><i class="fa fa-cart-plus"></i> fa-cart-plus</div>

                                        <div class="col-md-3 col-sm-4"><i class="fa fa-connectdevelop"></i> fa-connectdevelop</div>

                                        <div class="col-md-3 col-sm-4"><i class="fa fa-dashcube"></i> fa-dashcube</div>

                                        <div class="col-md-3 col-sm-4"><i class="fa fa-diamond"></i> fa-diamond</div>

                                        <div class="col-md-3 col-sm-4"><i class="fa fa-facebook-official"></i> fa-facebook-official</div>

                                        <div class="col-md-3 col-sm-4"><i class="fa fa-forumbee "></i> fa-forumbee </div>

                                        <div class="col-md-3 col-sm-4"><i class="fa fa-heartbeat"></i> fa-heartbeat</div>

                                        <div class="col-md-3 col-sm-4"><i class="fa fa-bed"></i> fa-bed</div>

                                        <div class="col-md-3 col-sm-4"><i class="fa fa-leanpub"></i> fa-leanpub</div>

                                        <div class="col-md-3 col-sm-4"><i class="fa fa-mars"></i> fa-mars</div>

                                        <div class="col-md-3 col-sm-4"><i class="fa fa-mars-double"></i> fa-mars-double</div>

                                        <div class="col-md-3 col-sm-4"><i class="fa fa-mars-stroke"></i> fa-mars-stroke</div>

                                        <div class="col-md-3 col-sm-4"><i class="fa fa-mars-stroke-h "></i> fa-mars-stroke-h </div>

                                        <div class="col-md-3 col-sm-4"><i class="fa fa-mars-stroke-v"></i> fa-mars-stroke-v</div>

                                        <div class="col-md-3 col-sm-4"><i class="fa fa-medium "></i> fa-medium </div>

                                        <div class="col-md-3 col-sm-4"><i class="fa fa-mercury"></i> fa-mercury</div>

                                        <div class="col-md-3 col-sm-4"><i class="fa fa-motorcycle"></i> fa-motorcycle</div>

                                        <div class="col-md-3 col-sm-4"><i class="fa fa-neuter "></i> fa-neuter </div>

                                        <div class="col-md-3 col-sm-4"><i class="fa fa-pinterest-p "></i> fa-pinterest-p </div>

                                        <div class="col-md-3 col-sm-4"><i class="fa fa-sellsy"></i> fa-sellsy</div>

                                        <div class="col-md-3 col-sm-4"><i class="fa fa-server"></i> fa-server</div>

                                        <div class="col-md-3 col-sm-4"><i class="fa fa-ship"></i> fa-ship</div>

                                        <div class="col-md-3 col-sm-4"><i class="fa fa-shirtsinbulk"></i> fa-shirtsinbulk</div>

                                        <div class="col-md-3 col-sm-4"><i class="fa fa-simplybuilt"></i> fa-simplybuilt</div>

                                        <div class="col-md-3 col-sm-4"><i class="fa fa-skyatlas"></i> fa-skyatlas</div>

                                        <div class="col-md-3 col-sm-4"><i class="fa fa-street-view"></i> fa-street-view</div>

                                        <div class="col-md-3 col-sm-4"><i class="fa fa-subway"></i> fa-subway</div>

                                        <div class="col-md-3 col-sm-4"><i class="fa fa-train"></i> fa-train</div>

                                        <div class="col-md-3 col-sm-4"><i class="fa fa-transgender"></i> fa-transgender</div>

                                        <div class="col-md-3 col-sm-4"><i class="fa fa-transgender-alt "></i> fa-transgender-alt 
                                        </div>

                                        <div class="col-md-3 col-sm-4"><i class="fa fa-user-plus"></i> fa-user-plus
                                        </div>

                                        <div class="col-md-3 col-sm-4"><i class="fa fa-user-secret"></i> fa-user-secret</div>

                                        <div class="col-md-3 col-sm-4"><i class="fa fa-user-times"></i> fa-user-times
                                        </div>

                                        <div class="col-md-3 col-sm-4"><i class="fa fa-venus"></i> fa-venus</div>

                                        <div class="col-md-3 col-sm-4"><i class="fa fa-venus-double"></i> fa-venus-double</div>

                                        <div class="col-md-3 col-sm-4"><i class="fa fa-venus-mars "></i> fa-venus-mars </div>

                                        <div class="col-md-3 col-sm-4"><i class="fa fa-viacoin"></i> fa-viacoin</div>

                                        <div class="col-md-3 col-sm-4"><i class="fa fa-whatsapp"></i> fa-whatsapp</div>


                                    </div>
                                </section>
                                <section id="new-icons">
                                    <h4 class="page-header">40 Icons in 4.2</h4>
                                    <div class="icon-list row">
                                        <div class="col-md-3 col-sm-4"><i class="fa fa-angellist"></i> fa-angellist</div>

                                        <div class="col-md-3 col-sm-4"><i class="fa fa-area-chart"></i> fa-area-chart</div>

                                        <div class="col-md-3 col-sm-4"><i class="fa fa-at"></i> fa-at</div>

                                        <div class="col-md-3 col-sm-4"><i class="fa fa-bell-slash"></i> fa-bell-slash</div>

                                        <div class="col-md-3 col-sm-4"><i class="fa fa-bell-slash-o"></i> fa-bell-slash-o</div>

                                        <div class="col-md-3 col-sm-4"><i class="fa fa-bicycle"></i> fa-bicycle</div>

                                        <div class="col-md-3 col-sm-4"><i class="fa fa-binoculars"></i> fa-binoculars</div>

                                        <div class="col-md-3 col-sm-4"><i class="fa fa-birthday-cake"></i> fa-birthday-cake</div>

                                        <div class="col-md-3 col-sm-4"><i class="fa fa-bus"></i> fa-bus</div>

                                        <div class="col-md-3 col-sm-4"><i class="fa fa-calculator"></i> fa-calculator</div>

                                        <div class="col-md-3 col-sm-4"><i class="fa fa-cc"></i> fa-cc</div>

                                        <div class="col-md-3 col-sm-4"><i class="fa fa-cc-amex"></i> fa-cc-amex</div>

                                        <div class="col-md-3 col-sm-4"><i class="fa fa-cc-discover"></i> fa-cc-discover</div>

                                        <div class="col-md-3 col-sm-4"><i class="fa fa-cc-mastercard"></i> fa-cc-mastercard</div>

                                        <div class="col-md-3 col-sm-4"><i class="fa fa-cc-paypal"></i> fa-cc-paypal</div>

                                        <div class="col-md-3 col-sm-4"><i class="fa fa-cc-stripe"></i> fa-cc-stripe</div>

                                        <div class="col-md-3 col-sm-4"><i class="fa fa-cc-visa"></i> fa-cc-visa</div>

                                        <div class="col-md-3 col-sm-4"><i class="fa fa-copyright"></i> fa-copyright</div>

                                        <div class="col-md-3 col-sm-4"><i class="fa fa-eyedropper"></i> fa-eyedropper</div>

                                        <div class="col-md-3 col-sm-4"><i class="fa fa-futbol-o"></i> fa-futbol-o</div>

                                        <div class="col-md-3 col-sm-4"><i class="fa fa-google-wallet"></i> fa-google-wallet</div>

                                        <div class="col-md-3 col-sm-4"><i class="fa fa-ils"></i> fa-ils</div>

                                        <div class="col-md-3 col-sm-4"><i class="fa fa-ioxhost"></i> fa-ioxhost</div>

                                        <div class="col-md-3 col-sm-4"><i class="fa fa-lastfm"></i> fa-lastfm</div>

                                        <div class="col-md-3 col-sm-4"><i class="fa fa-lastfm-square"></i> fa-lastfm-square</div>

                                        <div class="col-md-3 col-sm-4"><i class="fa fa-line-chart"></i> fa-line-chart</div>

                                        <div class="col-md-3 col-sm-4"><i class="fa fa-meanpath"></i> fa-meanpath</div>

                                        <div class="col-md-3 col-sm-4"><i class="fa fa-newspaper-o"></i> fa-newspaper-o</div>

                                        <div class="col-md-3 col-sm-4"><i class="fa fa-paint-brush"></i> fa-paint-brush</div>

                                        <div class="col-md-3 col-sm-4"><i class="fa fa-paypal"></i> fa-paypal</div>

                                        <div class="col-md-3 col-sm-4"><i class="fa fa-pie-chart"></i> fa-pie-chart</div>

                                        <div class="col-md-3 col-sm-4"><i class="fa fa-plug"></i> fa-plug</div>

                                        <div class="col-md-3 col-sm-4"><i class="fa fa-shekel"></i> fa-shekel <span class="text-muted">(alias)</span>
                                        </div>

                                        <div class="col-md-3 col-sm-4"><i class="fa fa-sheqel"></i> fa-sheqel <span class="text-muted">(alias)</span>
                                        </div>

                                        <div class="col-md-3 col-sm-4"><i class="fa fa-slideshare"></i> fa-slideshare</div>

                                        <div class="col-md-3 col-sm-4"><i class="fa fa-soccer-ball-o"></i> fa-soccer-ball-o <span class="text-muted">(alias)</span>
                                        </div>

                                        <div class="col-md-3 col-sm-4"><i class="fa fa-toggle-off"></i> fa-toggle-off</div>

                                        <div class="col-md-3 col-sm-4"><i class="fa fa-toggle-on"></i> fa-toggle-on</div>

                                        <div class="col-md-3 col-sm-4"><i class="fa fa-trash"></i> fa-trash</div>

                                        <div class="col-md-3 col-sm-4"><i class="fa fa-tty"></i> fa-tty</div>

                                        <div class="col-md-3 col-sm-4"><i class="fa fa-twitch"></i> fa-twitch</div>

                                        <div class="col-md-3 col-sm-4"><i class="fa fa-wifi"></i> fa-wifi</div>

                                        <div class="col-md-3 col-sm-4"><i class="fa fa-yelp"></i> fa-yelp</div>


                                    </div>
                                </section>
                                <section id="web-application">
                                    <h4 class="page-header">Web Application Icons</h4>
                                    <div class="icon-list row">
                                        <div class="col-md-3 col-sm-4"><i class="fa fa-adjust"></i> fa-adjust</div>
                                        <div class="col-md-3 col-sm-4"><i class="fa fa-anchor"></i> fa-anchor</div>
                                        <div class="col-md-3 col-sm-4"><i class="fa fa-archive"></i> fa-archive</div>

                                        <div class="col-md-3 col-sm-4"><i class="fa fa-arrows"></i> fa-arrows</div>

                                        <div class="col-md-3 col-sm-4"><i class="fa fa-arrows-h"></i> fa-arrows-h</div>

                                        <div class="col-md-3 col-sm-4"><i class="fa fa-arrows-v"></i> fa-arrows-v</div>

                                        <div class="col-md-3 col-sm-4"><i class="fa fa-asterisk"></i> fa-asterisk</div>

                                        <div class="col-md-3 col-sm-4"><i class="fa fa-automobile"></i> fa-automobile <span class="text-muted">(alias)</span>
                                        </div>

                                        <div class="col-md-3 col-sm-4"><i class="fa fa-ban"></i> fa-ban</div>

                                        <div class="col-md-3 col-sm-4"><i class="fa fa-bank"></i> fa-bank <span class="text-muted">(alias)</span>
                                        </div>

                                        <div class="col-md-3 col-sm-4"><i class="fa fa-bar-chart-o"></i> fa-bar-chart-o</div>

                                        <div class="col-md-3 col-sm-4"><i class="fa fa-barcode"></i> fa-barcode</div>

                                        <div class="col-md-3 col-sm-4"><i class="fa fa-bars"></i> fa-bars</div>

                                        <div class="col-md-3 col-sm-4"><i class="fa fa-beer"></i> fa-beer</div>

                                        <div class="col-md-3 col-sm-4"><i class="fa fa-bell"></i> fa-bell</div>

                                        <div class="col-md-3 col-sm-4"><i class="fa fa-bell-o"></i> fa-bell-o</div>

                                        <div class="col-md-3 col-sm-4"><i class="fa fa-bolt"></i> fa-bolt</div>

                                        <div class="col-md-3 col-sm-4"><i class="fa fa-bomb"></i> fa-bomb</div>

                                        <div class="col-md-3 col-sm-4"><i class="fa fa-book"></i> fa-book</div>

                                        <div class="col-md-3 col-sm-4"><i class="fa fa-bookmark"></i> fa-bookmark</div>

                                        <div class="col-md-3 col-sm-4"><i class="fa fa-bookmark-o"></i> fa-bookmark-o</div>

                                        <div class="col-md-3 col-sm-4"><i class="fa fa-briefcase"></i> fa-briefcase</div>

                                        <div class="col-md-3 col-sm-4"><i class="fa fa-bug"></i> fa-bug</div>

                                        <div class="col-md-3 col-sm-4"><i class="fa fa-building"></i> fa-building</div>

                                        <div class="col-md-3 col-sm-4"><i class="fa fa-building-o"></i> fa-building-o</div>

                                        <div class="col-md-3 col-sm-4"><i class="fa fa-bullhorn"></i> fa-bullhorn</div>

                                        <div class="col-md-3 col-sm-4"><i class="fa fa-bullseye"></i> fa-bullseye</div>

                                        <div class="col-md-3 col-sm-4"><i class="fa fa-cab"></i> fa-cab <span class="text-muted">(alias)</span>
                                        </div>

                                        <div class="col-md-3 col-sm-4"><i class="fa fa-calendar"></i> fa-calendar</div>

                                        <div class="col-md-3 col-sm-4"><i class="fa fa-calendar-o"></i> fa-calendar-o</div>

                                        <div class="col-md-3 col-sm-4"><i class="fa fa-camera"></i> fa-camera</div>

                                        <div class="col-md-3 col-sm-4"><i class="fa fa-camera-retro"></i> fa-camera-retro</div>

                                        <div class="col-md-3 col-sm-4"><i class="fa fa-car"></i> fa-car</div>

                                        <div class="col-md-3 col-sm-4"><i class="fa fa-caret-square-o-down"></i> fa-caret-square-o-down</div>

                                        <div class="col-md-3 col-sm-4"><i class="fa fa-caret-square-o-left"></i> fa-caret-square-o-left</div>

                                        <div class="col-md-3 col-sm-4"><i class="fa fa-caret-square-o-right"></i> fa-caret-square-o-right</div>

                                        <div class="col-md-3 col-sm-4"><i class="fa fa-caret-square-o-up"></i> fa-caret-square-o-up</div>

                                        <div class="col-md-3 col-sm-4"><i class="fa fa-certificate"></i> fa-certificate</div>

                                        <div class="col-md-3 col-sm-4"><i class="fa fa-check"></i> fa-check</div>

                                        <div class="col-md-3 col-sm-4"><i class="fa fa-check-circle"></i> fa-check-circle</div>

                                        <div class="col-md-3 col-sm-4"><i class="fa fa-check-circle-o"></i> fa-check-circle-o</div>

                                        <div class="col-md-3 col-sm-4"><i class="fa fa-check-square"></i> fa-check-square</div>

                                        <div class="col-md-3 col-sm-4"><i class="fa fa-check-square-o"></i> fa-check-square-o</div>

                                        <div class="col-md-3 col-sm-4"><i class="fa fa-child"></i> fa-child</div>

                                        <div class="col-md-3 col-sm-4"><i class="fa fa-circle"></i> fa-circle</div>

                                        <div class="col-md-3 col-sm-4"><i class="fa fa-circle-o"></i> fa-circle-o</div>

                                        <div class="col-md-3 col-sm-4"><i class="fa fa-circle-o-notch"></i> fa-circle-o-notch</div>

                                        <div class="col-md-3 col-sm-4"><i class="fa fa-circle-thin"></i> fa-circle-thin</div>

                                        <div class="col-md-3 col-sm-4"><i class="fa fa-clock-o"></i> fa-clock-o</div>

                                        <div class="col-md-3 col-sm-4"><i class="fa fa-cloud"></i> fa-cloud</div>

                                        <div class="col-md-3 col-sm-4"><i class="fa fa-cloud-download"></i> fa-cloud-download</div>

                                        <div class="col-md-3 col-sm-4"><i class="fa fa-cloud-upload"></i> fa-cloud-upload</div>

                                        <div class="col-md-3 col-sm-4"><i class="fa fa-code"></i> fa-code</div>

                                        <div class="col-md-3 col-sm-4"><i class="fa fa-code-fork"></i> fa-code-fork</div>

                                        <div class="col-md-3 col-sm-4"><i class="fa fa-coffee"></i> fa-coffee</div>

                                        <div class="col-md-3 col-sm-4"><i class="fa fa-cog"></i> fa-cog</div>

                                        <div class="col-md-3 col-sm-4"><i class="fa fa-cogs"></i> fa-cogs</div>

                                        <div class="col-md-3 col-sm-4"><i class="fa fa-comment"></i> fa-comment</div>

                                        <div class="col-md-3 col-sm-4"><i class="fa fa-comment-o"></i> fa-comment-o</div>

                                        <div class="col-md-3 col-sm-4"><i class="fa fa-comments"></i> fa-comments</div>

                                        <div class="col-md-3 col-sm-4"><i class="fa fa-comments-o"></i> fa-comments-o</div>

                                        <div class="col-md-3 col-sm-4"><i class="fa fa-compass"></i> fa-compass</div>

                                        <div class="col-md-3 col-sm-4"><i class="fa fa-credit-card"></i> fa-credit-card</div>

                                        <div class="col-md-3 col-sm-4"><i class="fa fa-crop"></i> fa-crop</div>

                                        <div class="col-md-3 col-sm-4"><i class="fa fa-crosshairs"></i> fa-crosshairs</div>

                                        <div class="col-md-3 col-sm-4"><i class="fa fa-cube"></i> fa-cube</div>

                                        <div class="col-md-3 col-sm-4"><i class="fa fa-cubes"></i> fa-cubes</div>

                                        <div class="col-md-3 col-sm-4"><i class="fa fa-cutlery"></i> fa-cutlery</div>

                                        <div class="col-md-3 col-sm-4"><i class="fa fa-dashboard"></i> fa-dashboard <span class="text-muted">(alias)</span>
                                        </div>

                                        <div class="col-md-3 col-sm-4"><i class="fa fa-database"></i> fa-database</div>

                                        <div class="col-md-3 col-sm-4"><i class="fa fa-desktop"></i> fa-desktop</div>

                                        <div class="col-md-3 col-sm-4"><i class="fa fa-dot-circle-o"></i> fa-dot-circle-o</div>

                                        <div class="col-md-3 col-sm-4"><i class="fa fa-download"></i> fa-download</div>

                                        <div class="col-md-3 col-sm-4"><i class="fa fa-edit"></i> fa-edit <span class="text-muted">(alias)</span>
                                        </div>

                                        <div class="col-md-3 col-sm-4"><i class="fa fa-ellipsis-h"></i> fa-ellipsis-h</div>

                                        <div class="col-md-3 col-sm-4"><i class="fa fa-ellipsis-v"></i> fa-ellipsis-v</div>

                                        <div class="col-md-3 col-sm-4"><i class="fa fa-envelope"></i> fa-envelope</div>

                                        <div class="col-md-3 col-sm-4"><i class="fa fa-envelope-o"></i> fa-envelope-o</div>

                                        <div class="col-md-3 col-sm-4"><i class="fa fa-envelope-square"></i> fa-envelope-square</div>

                                        <div class="col-md-3 col-sm-4"><i class="fa fa-eraser"></i> fa-eraser</div>

                                        <div class="col-md-3 col-sm-4"><i class="fa fa-exchange"></i> fa-exchange</div>

                                        <div class="col-md-3 col-sm-4"><i class="fa fa-exclamation"></i> fa-exclamation</div>

                                        <div class="col-md-3 col-sm-4"><i class="fa fa-exclamation-circle"></i> fa-exclamation-circle</div>

                                        <div class="col-md-3 col-sm-4"><i class="fa fa-exclamation-triangle"></i> fa-exclamation-triangle</div>

                                        <div class="col-md-3 col-sm-4"><i class="fa fa-external-link"></i> fa-external-link</div>

                                        <div class="col-md-3 col-sm-4"><i class="fa fa-external-link-square"></i> fa-external-link-square</div>

                                        <div class="col-md-3 col-sm-4"><i class="fa fa-eye"></i> fa-eye</div>

                                        <div class="col-md-3 col-sm-4"><i class="fa fa-eye-slash"></i> fa-eye-slash</div>

                                        <div class="col-md-3 col-sm-4"><i class="fa fa-fax"></i> fa-fax</div>

                                        <div class="col-md-3 col-sm-4"><i class="fa fa-female"></i> fa-female</div>

                                        <div class="col-md-3 col-sm-4"><i class="fa fa-fighter-jet"></i> fa-fighter-jet</div>

                                        <div class="col-md-3 col-sm-4"><i class="fa fa-file-archive-o"></i> fa-file-archive-o</div>

                                        <div class="col-md-3 col-sm-4"><i class="fa fa-file-audio-o"></i> fa-file-audio-o</div>

                                        <div class="col-md-3 col-sm-4"><i class="fa fa-file-code-o"></i> fa-file-code-o</div>

                                        <div class="col-md-3 col-sm-4"><i class="fa fa-file-excel-o"></i> fa-file-excel-o</div>

                                        <div class="col-md-3 col-sm-4"><i class="fa fa-file-image-o"></i> fa-file-image-o</div>

                                        <div class="col-md-3 col-sm-4"><i class="fa fa-file-movie-o"></i> fa-file-movie-o <span class="text-muted">(alias)</span>
                                        </div>

                                        <div class="col-md-3 col-sm-4"><i class="fa fa-file-pdf-o"></i> fa-file-pdf-o</div>

                                        <div class="col-md-3 col-sm-4"><i class="fa fa-file-photo-o"></i> fa-file-photo-o <span class="text-muted">(alias)</span>
                                        </div>

                                        <div class="col-md-3 col-sm-4"><i class="fa fa-file-picture-o"></i> fa-file-picture-o <span class="text-muted">(alias)</span>
                                        </div>

                                        <div class="col-md-3 col-sm-4"><i class="fa fa-file-powerpoint-o"></i> fa-file-powerpoint-o</div>

                                        <div class="col-md-3 col-sm-4"><i class="fa fa-file-sound-o"></i> fa-file-sound-o <span class="text-muted">(alias)</span>
                                        </div>

                                        <div class="col-md-3 col-sm-4"><i class="fa fa-file-video-o"></i> fa-file-video-o</div>

                                        <div class="col-md-3 col-sm-4"><i class="fa fa-file-word-o"></i> fa-file-word-o</div>

                                        <div class="col-md-3 col-sm-4"><i class="fa fa-file-zip-o"></i> fa-file-zip-o <span class="text-muted">(alias)</span>
                                        </div>

                                        <div class="col-md-3 col-sm-4"><i class="fa fa-film"></i> fa-film</div>

                                        <div class="col-md-3 col-sm-4"><i class="fa fa-filter"></i> fa-filter</div>

                                        <div class="col-md-3 col-sm-4"><i class="fa fa-fire"></i> fa-fire</div>

                                        <div class="col-md-3 col-sm-4"><i class="fa fa-fire-extinguisher"></i> fa-fire-extinguisher</div>

                                        <div class="col-md-3 col-sm-4"><i class="fa fa-flag"></i> fa-flag</div>

                                        <div class="col-md-3 col-sm-4"><i class="fa fa-flag-checkered"></i> fa-flag-checkered</div>

                                        <div class="col-md-3 col-sm-4"><i class="fa fa-flag-o"></i> fa-flag-o</div>

                                        <div class="col-md-3 col-sm-4"><i class="fa fa-flash"></i> fa-flash <span class="text-muted">(alias)</span>
                                        </div>

                                        <div class="col-md-3 col-sm-4"><i class="fa fa-flask"></i> fa-flask</div>

                                        <div class="col-md-3 col-sm-4"><i class="fa fa-folder"></i> fa-folder</div>

                                        <div class="col-md-3 col-sm-4"><i class="fa fa-folder-o"></i> fa-folder-o</div>

                                        <div class="col-md-3 col-sm-4"><i class="fa fa-folder-open"></i> fa-folder-open</div>

                                        <div class="col-md-3 col-sm-4"><i class="fa fa-folder-open-o"></i> fa-folder-open-o</div>

                                        <div class="col-md-3 col-sm-4"><i class="fa fa-frown-o"></i> fa-frown-o</div>

                                        <div class="col-md-3 col-sm-4"><i class="fa fa-gamepad"></i> fa-gamepad</div>

                                        <div class="col-md-3 col-sm-4"><i class="fa fa-gavel"></i> fa-gavel</div>

                                        <div class="col-md-3 col-sm-4"><i class="fa fa-gear"></i> fa-gear <span class="text-muted">(alias)</span>
                                        </div>

                                        <div class="col-md-3 col-sm-4"><i class="fa fa-gears"></i> fa-gears <span class="text-muted">(alias)</span>
                                        </div>

                                        <div class="col-md-3 col-sm-4"><i class="fa fa-gift"></i> fa-gift</div>

                                        <div class="col-md-3 col-sm-4"><i class="fa fa-glass"></i> fa-glass</div>

                                        <div class="col-md-3 col-sm-4"><i class="fa fa-globe"></i> fa-globe</div>

                                        <div class="col-md-3 col-sm-4"><i class="fa fa-graduation-cap"></i> fa-graduation-cap</div>

                                        <div class="col-md-3 col-sm-4"><i class="fa fa-group"></i> fa-group <span class="text-muted">(alias)</span>
                                        </div>

                                        <div class="col-md-3 col-sm-4"><i class="fa fa-hdd-o"></i> fa-hdd-o</div>

                                        <div class="col-md-3 col-sm-4"><i class="fa fa-headphones"></i> fa-headphones</div>

                                        <div class="col-md-3 col-sm-4"><i class="fa fa-heart"></i> fa-heart</div>

                                        <div class="col-md-3 col-sm-4"><i class="fa fa-heart-o"></i> fa-heart-o</div>

                                        <div class="col-md-3 col-sm-4"><i class="fa fa-history"></i> fa-history</div>

                                        <div class="col-md-3 col-sm-4"><i class="fa fa-home"></i> fa-home</div>

                                        <div class="col-md-3 col-sm-4"><i class="fa fa-image"></i> fa-image <span class="text-muted">(alias)</span>
                                        </div>

                                        <div class="col-md-3 col-sm-4"><i class="fa fa-inbox"></i> fa-inbox</div>

                                        <div class="col-md-3 col-sm-4"><i class="fa fa-info"></i> fa-info</div>

                                        <div class="col-md-3 col-sm-4"><i class="fa fa-info-circle"></i> fa-info-circle</div>

                                        <div class="col-md-3 col-sm-4"><i class="fa fa-institution"></i> fa-institution <span class="text-muted">(alias)</span>
                                        </div>

                                        <div class="col-md-3 col-sm-4"><i class="fa fa-key"></i> fa-key</div>

                                        <div class="col-md-3 col-sm-4"><i class="fa fa-keyboard-o"></i> fa-keyboard-o</div>

                                        <div class="col-md-3 col-sm-4"><i class="fa fa-language"></i> fa-language</div>

                                        <div class="col-md-3 col-sm-4"><i class="fa fa-laptop"></i> fa-laptop</div>

                                        <div class="col-md-3 col-sm-4"><i class="fa fa-leaf"></i> fa-leaf</div>

                                        <div class="col-md-3 col-sm-4"><i class="fa fa-legal"></i> fa-legal <span class="text-muted">(alias)</span>
                                        </div>

                                        <div class="col-md-3 col-sm-4"><i class="fa fa-lemon-o"></i> fa-lemon-o</div>

                                        <div class="col-md-3 col-sm-4"><i class="fa fa-level-down"></i> fa-level-down</div>

                                        <div class="col-md-3 col-sm-4"><i class="fa fa-level-up"></i> fa-level-up</div>

                                        <div class="col-md-3 col-sm-4"><i class="fa fa-life-bouy"></i> fa-life-bouy <span class="text-muted">(alias)</span>
                                        </div>

                                        <div class="col-md-3 col-sm-4"><i class="fa fa-life-ring"></i> fa-life-ring</div>

                                        <div class="col-md-3 col-sm-4"><i class="fa fa-life-saver"></i> fa-life-saver <span class="text-muted">(alias)</span>
                                        </div>

                                        <div class="col-md-3 col-sm-4"><i class="fa fa-lightbulb-o"></i> fa-lightbulb-o</div>

                                        <div class="col-md-3 col-sm-4"><i class="fa fa-location-arrow"></i> fa-location-arrow</div>

                                        <div class="col-md-3 col-sm-4"><i class="fa fa-lock"></i> fa-lock</div>

                                        <div class="col-md-3 col-sm-4"><i class="fa fa-magic"></i> fa-magic</div>

                                        <div class="col-md-3 col-sm-4"><i class="fa fa-magnet"></i> fa-magnet</div>

                                        <div class="col-md-3 col-sm-4"><i class="fa fa-mail-forward"></i> fa-mail-forward <span class="text-muted">(alias)</span>
                                        </div>

                                        <div class="col-md-3 col-sm-4"><i class="fa fa-mail-reply"></i> fa-mail-reply <span class="text-muted">(alias)</span>
                                        </div>

                                        <div class="col-md-3 col-sm-4"><i class="fa fa-mail-reply-all"></i> fa-mail-reply-all <span class="text-muted">(alias)</span>
                                        </div>

                                        <div class="col-md-3 col-sm-4"><i class="fa fa-male"></i> fa-male</div>

                                        <div class="col-md-3 col-sm-4"><i class="fa fa-map-marker"></i> fa-map-marker</div>

                                        <div class="col-md-3 col-sm-4"><i class="fa fa-meh-o"></i> fa-meh-o</div>

                                        <div class="col-md-3 col-sm-4"><i class="fa fa-microphone"></i> fa-microphone</div>

                                        <div class="col-md-3 col-sm-4"><i class="fa fa-microphone-slash"></i> fa-microphone-slash</div>

                                        <div class="col-md-3 col-sm-4"><i class="fa fa-minus"></i> fa-minus</div>

                                        <div class="col-md-3 col-sm-4"><i class="fa fa-minus-circle"></i> fa-minus-circle</div>

                                        <div class="col-md-3 col-sm-4"><i class="fa fa-minus-square"></i> fa-minus-square</div>

                                        <div class="col-md-3 col-sm-4"><i class="fa fa-minus-square-o"></i> fa-minus-square-o</div>

                                        <div class="col-md-3 col-sm-4"><i class="fa fa-mobile"></i> fa-mobile</div>

                                        <div class="col-md-3 col-sm-4"><i class="fa fa-mobile-phone"></i> fa-mobile-phone <span class="text-muted">(alias)</span>
                                        </div>

                                        <div class="col-md-3 col-sm-4"><i class="fa fa-money"></i> fa-money</div>

                                        <div class="col-md-3 col-sm-4"><i class="fa fa-moon-o"></i> fa-moon-o</div>

                                        <div class="col-md-3 col-sm-4"><i class="fa fa-mortar-board"></i> fa-mortar-board <span class="text-muted">(alias)</span>
                                        </div>

                                        <div class="col-md-3 col-sm-4"><i class="fa fa-music"></i> fa-music</div>

                                        <div class="col-md-3 col-sm-4"><i class="fa fa-navicon"></i> fa-navicon <span class="text-muted">(alias)</span>
                                        </div>

                                        <div class="col-md-3 col-sm-4"><i class="fa fa-paper-plane"></i> fa-paper-plane</div>

                                        <div class="col-md-3 col-sm-4"><i class="fa fa-paper-plane-o"></i> fa-paper-plane-o</div>

                                        <div class="col-md-3 col-sm-4"><i class="fa fa-paw"></i> fa-paw</div>

                                        <div class="col-md-3 col-sm-4"><i class="fa fa-pencil"></i> fa-pencil</div>

                                        <div class="col-md-3 col-sm-4"><i class="fa fa-pencil-square"></i> fa-pencil-square</div>

                                        <div class="col-md-3 col-sm-4"><i class="fa fa-pencil-square-o"></i> fa-pencil-square-o</div>

                                        <div class="col-md-3 col-sm-4"><i class="fa fa-phone"></i> fa-phone</div>

                                        <div class="col-md-3 col-sm-4"><i class="fa fa-phone-square"></i> fa-phone-square</div>

                                        <div class="col-md-3 col-sm-4"><i class="fa fa-photo"></i> fa-photo <span class="text-muted">(alias)</span>
                                        </div>

                                        <div class="col-md-3 col-sm-4"><i class="fa fa-picture-o"></i> fa-picture-o</div>

                                        <div class="col-md-3 col-sm-4"><i class="fa fa-plane"></i> fa-plane</div>

                                        <div class="col-md-3 col-sm-4"><i class="fa fa-plus"></i> fa-plus</div>

                                        <div class="col-md-3 col-sm-4"><i class="fa fa-plus-circle"></i> fa-plus-circle</div>

                                        <div class="col-md-3 col-sm-4"><i class="fa fa-plus-square"></i> fa-plus-square</div>

                                        <div class="col-md-3 col-sm-4"><i class="fa fa-plus-square-o"></i> fa-plus-square-o</div>

                                        <div class="col-md-3 col-sm-4"><i class="fa fa-power-off"></i> fa-power-off</div>

                                        <div class="col-md-3 col-sm-4"><i class="fa fa-print"></i> fa-print</div>

                                        <div class="col-md-3 col-sm-4"><i class="fa fa-puzzle-piece"></i> fa-puzzle-piece</div>

                                        <div class="col-md-3 col-sm-4"><i class="fa fa-qrcode"></i> fa-qrcode</div>

                                        <div class="col-md-3 col-sm-4"><i class="fa fa-question"></i> fa-question</div>

                                        <div class="col-md-3 col-sm-4"><i class="fa fa-question-circle"></i> fa-question-circle</div>

                                        <div class="col-md-3 col-sm-4"><i class="fa fa-quote-left"></i> fa-quote-left</div>

                                        <div class="col-md-3 col-sm-4"><i class="fa fa-quote-right"></i> fa-quote-right</div>

                                        <div class="col-md-3 col-sm-4"><i class="fa fa-random"></i> fa-random</div>

                                        <div class="col-md-3 col-sm-4"><i class="fa fa-recycle"></i> fa-recycle</div>

                                        <div class="col-md-3 col-sm-4"><i class="fa fa-refresh"></i> fa-refresh</div>

                                        <div class="col-md-3 col-sm-4"><i class="fa fa-reorder"></i> fa-reorder <span class="text-muted">(alias)</span>
                                        </div>

                                        <div class="col-md-3 col-sm-4"><i class="fa fa-reply"></i> fa-reply</div>

                                        <div class="col-md-3 col-sm-4"><i class="fa fa-reply-all"></i> fa-reply-all</div>

                                        <div class="col-md-3 col-sm-4"><i class="fa fa-retweet"></i> fa-retweet</div>

                                        <div class="col-md-3 col-sm-4"><i class="fa fa-road"></i> fa-road</div>

                                        <div class="col-md-3 col-sm-4"><i class="fa fa-rocket"></i> fa-rocket</div>

                                        <div class="col-md-3 col-sm-4"><i class="fa fa-rss"></i> fa-rss</div>

                                        <div class="col-md-3 col-sm-4"><i class="fa fa-rss-square"></i> fa-rss-square</div>

                                        <div class="col-md-3 col-sm-4"><i class="fa fa-search"></i> fa-search</div>

                                        <div class="col-md-3 col-sm-4"><i class="fa fa-search-minus"></i> fa-search-minus</div>

                                        <div class="col-md-3 col-sm-4"><i class="fa fa-search-plus"></i> fa-search-plus</div>

                                        <div class="col-md-3 col-sm-4"><i class="fa fa-send"></i> fa-send <span class="text-muted">(alias)</span>
                                        </div>

                                        <div class="col-md-3 col-sm-4"><i class="fa fa-send-o"></i> fa-send-o <span class="text-muted">(alias)</span>
                                        </div>

                                        <div class="col-md-3 col-sm-4"><i class="fa fa-share"></i> fa-share</div>

                                        <div class="col-md-3 col-sm-4"><i class="fa fa-share-alt"></i> fa-share-alt</div>

                                        <div class="col-md-3 col-sm-4"><i class="fa fa-share-alt-square"></i> fa-share-alt-square</div>

                                        <div class="col-md-3 col-sm-4"><i class="fa fa-share-square"></i> fa-share-square</div>

                                        <div class="col-md-3 col-sm-4"><i class="fa fa-share-square-o"></i> fa-share-square-o</div>

                                        <div class="col-md-3 col-sm-4"><i class="fa fa-shield"></i> fa-shield</div>

                                        <div class="col-md-3 col-sm-4"><i class="fa fa-shopping-cart"></i> fa-shopping-cart</div>

                                        <div class="col-md-3 col-sm-4"><i class="fa fa-sign-in"></i> fa-sign-in</div>

                                        <div class="col-md-3 col-sm-4"><i class="fa fa-sign-out"></i> fa-sign-out</div>

                                        <div class="col-md-3 col-sm-4"><i class="fa fa-signal"></i> fa-signal</div>

                                        <div class="col-md-3 col-sm-4"><i class="fa fa-sitemap"></i> fa-sitemap</div>

                                        <div class="col-md-3 col-sm-4"><i class="fa fa-sliders"></i> fa-sliders</div>

                                        <div class="col-md-3 col-sm-4"><i class="fa fa-smile-o"></i> fa-smile-o</div>

                                        <div class="col-md-3 col-sm-4"><i class="fa fa-sort"></i> fa-sort</div>

                                        <div class="col-md-3 col-sm-4"><i class="fa fa-sort-alpha-asc"></i> fa-sort-alpha-asc</div>

                                        <div class="col-md-3 col-sm-4"><i class="fa fa-sort-alpha-desc"></i> fa-sort-alpha-desc</div>

                                        <div class="col-md-3 col-sm-4"><i class="fa fa-sort-amount-asc"></i> fa-sort-amount-asc</div>

                                        <div class="col-md-3 col-sm-4"><i class="fa fa-sort-amount-desc"></i> fa-sort-amount-desc</div>

                                        <div class="col-md-3 col-sm-4"><i class="fa fa-sort-asc"></i> fa-sort-asc</div>

                                        <div class="col-md-3 col-sm-4"><i class="fa fa-sort-desc"></i> fa-sort-desc</div>

                                        <div class="col-md-3 col-sm-4"><i class="fa fa-sort-down"></i> fa-sort-down <span class="text-muted">(alias)</span>
                                        </div>

                                        <div class="col-md-3 col-sm-4"><i class="fa fa-sort-numeric-asc"></i> fa-sort-numeric-asc</div>

                                        <div class="col-md-3 col-sm-4"><i class="fa fa-sort-numeric-desc"></i> fa-sort-numeric-desc</div>

                                        <div class="col-md-3 col-sm-4"><i class="fa fa-sort-up"></i> fa-sort-up <span class="text-muted">(alias)</span>
                                        </div>

                                        <div class="col-md-3 col-sm-4"><i class="fa fa-space-shuttle"></i> fa-space-shuttle</div>

                                        <div class="col-md-3 col-sm-4"><i class="fa fa-spinner"></i> fa-spinner</div>

                                        <div class="col-md-3 col-sm-4"><i class="fa fa-spoon"></i> fa-spoon</div>

                                        <div class="col-md-3 col-sm-4"><i class="fa fa-square"></i> fa-square</div>

                                        <div class="col-md-3 col-sm-4"><i class="fa fa-square-o"></i> fa-square-o</div>

                                        <div class="col-md-3 col-sm-4"><i class="fa fa-star"></i> fa-star</div>

                                        <div class="col-md-3 col-sm-4"><i class="fa fa-star-half"></i> fa-star-half</div>

                                        <div class="col-md-3 col-sm-4"><i class="fa fa-star-half-empty"></i> fa-star-half-empty <span class="text-muted">(alias)</span>
                                        </div>

                                        <div class="col-md-3 col-sm-4"><i class="fa fa-star-half-full"></i> fa-star-half-full <span class="text-muted">(alias)</span>
                                        </div>

                                        <div class="col-md-3 col-sm-4"><i class="fa fa-star-half-o"></i> fa-star-half-o</div>

                                        <div class="col-md-3 col-sm-4"><i class="fa fa-star-o"></i> fa-star-o</div>

                                        <div class="col-md-3 col-sm-4"><i class="fa fa-suitcase"></i> fa-suitcase</div>

                                        <div class="col-md-3 col-sm-4"><i class="fa fa-sun-o"></i> fa-sun-o</div>

                                        <div class="col-md-3 col-sm-4"><i class="fa fa-support"></i> fa-support <span class="text-muted">(alias)</span>
                                        </div>

                                        <div class="col-md-3 col-sm-4"><i class="fa fa-tablet"></i> fa-tablet</div>

                                        <div class="col-md-3 col-sm-4"><i class="fa fa-tachometer"></i> fa-tachometer</div>

                                        <div class="col-md-3 col-sm-4"><i class="fa fa-tag"></i> fa-tag</div>

                                        <div class="col-md-3 col-sm-4"><i class="fa fa-tags"></i> fa-tags</div>

                                        <div class="col-md-3 col-sm-4"><i class="fa fa-tasks"></i> fa-tasks</div>

                                        <div class="col-md-3 col-sm-4"><i class="fa fa-taxi"></i> fa-taxi</div>

                                        <div class="col-md-3 col-sm-4"><i class="fa fa-terminal"></i> fa-terminal</div>

                                        <div class="col-md-3 col-sm-4"><i class="fa fa-thumb-tack"></i> fa-thumb-tack</div>

                                        <div class="col-md-3 col-sm-4"><i class="fa fa-thumbs-down"></i> fa-thumbs-down</div>

                                        <div class="col-md-3 col-sm-4"><i class="fa fa-thumbs-o-down"></i> fa-thumbs-o-down</div>

                                        <div class="col-md-3 col-sm-4"><i class="fa fa-thumbs-o-up"></i> fa-thumbs-o-up</div>

                                        <div class="col-md-3 col-sm-4"><i class="fa fa-thumbs-up"></i> fa-thumbs-up</div>

                                        <div class="col-md-3 col-sm-4"><i class="fa fa-ticket"></i> fa-ticket</div>

                                        <div class="col-md-3 col-sm-4"><i class="fa fa-times"></i> fa-times</div>

                                        <div class="col-md-3 col-sm-4"><i class="fa fa-times-circle"></i> fa-times-circle</div>

                                        <div class="col-md-3 col-sm-4"><i class="fa fa-times-circle-o"></i> fa-times-circle-o</div>

                                        <div class="col-md-3 col-sm-4"><i class="fa fa-tint"></i> fa-tint</div>

                                        <div class="col-md-3 col-sm-4"><i class="fa fa-toggle-down"></i> fa-toggle-down <span class="text-muted">(alias)</span>
                                        </div>

                                        <div class="col-md-3 col-sm-4"><i class="fa fa-toggle-left"></i> fa-toggle-left <span class="text-muted">(alias)</span>
                                        </div>

                                        <div class="col-md-3 col-sm-4"><i class="fa fa-toggle-right"></i> fa-toggle-right <span class="text-muted">(alias)</span>
                                        </div>

                                        <div class="col-md-3 col-sm-4"><i class="fa fa-toggle-up"></i> fa-toggle-up <span class="text-muted">(alias)</span>
                                        </div>

                                        <div class="col-md-3 col-sm-4"><i class="fa fa-trash-o"></i> fa-trash-o</div>

                                        <div class="col-md-3 col-sm-4"><i class="fa fa-tree"></i> fa-tree</div>

                                        <div class="col-md-3 col-sm-4"><i class="fa fa-trophy"></i> fa-trophy</div>

                                        <div class="col-md-3 col-sm-4"><i class="fa fa-truck"></i> fa-truck</div>

                                        <div class="col-md-3 col-sm-4"><i class="fa fa-umbrella"></i> fa-umbrella</div>

                                        <div class="col-md-3 col-sm-4"><i class="fa fa-university"></i> fa-university</div>

                                        <div class="col-md-3 col-sm-4"><i class="fa fa-unlock"></i> fa-unlock</div>

                                        <div class="col-md-3 col-sm-4"><i class="fa fa-unlock-alt"></i> fa-unlock-alt</div>

                                        <div class="col-md-3 col-sm-4"><i class="fa fa-unsorted"></i> fa-unsorted <span class="text-muted">(alias)</span>
                                        </div>

                                        <div class="col-md-3 col-sm-4"><i class="fa fa-upload"></i> fa-upload</div>

                                        <div class="col-md-3 col-sm-4"><i class="fa fa-user"></i> fa-user</div>

                                        <div class="col-md-3 col-sm-4"><i class="fa fa-users"></i> fa-users</div>

                                        <div class="col-md-3 col-sm-4"><i class="fa fa-video-camera"></i> fa-video-camera</div>

                                        <div class="col-md-3 col-sm-4"><i class="fa fa-volume-down"></i> fa-volume-down</div>

                                        <div class="col-md-3 col-sm-4"><i class="fa fa-volume-off"></i> fa-volume-off</div>

                                        <div class="col-md-3 col-sm-4"><i class="fa fa-volume-up"></i> fa-volume-up</div>

                                        <div class="col-md-3 col-sm-4"><i class="fa fa-warning"></i> fa-warning <span class="text-muted">(alias)</span>
                                        </div>

                                        <div class="col-md-3 col-sm-4"><i class="fa fa-wheelchair"></i> fa-wheelchair</div>

                                        <div class="col-md-3 col-sm-4"><i class="fa fa-wrench"></i> fa-wrench</div>

                                    </div>

                                </section>


                                <section id="file-type">
                                    <h4 class="page-header">File Type Icons</h4>

                                    <div class="row icon-list">



                                        <div class="col-md-3 col-sm-4"><i class="fa fa-file"></i> fa-file</div>

                                        <div class="col-md-3 col-sm-4"><i class="fa fa-file-archive-o"></i> fa-file-archive-o</div>

                                        <div class="col-md-3 col-sm-4"><i class="fa fa-file-audio-o"></i> fa-file-audio-o</div>

                                        <div class="col-md-3 col-sm-4"><i class="fa fa-file-code-o"></i> fa-file-code-o</div>

                                        <div class="col-md-3 col-sm-4"><i class="fa fa-file-excel-o"></i> fa-file-excel-o</div>

                                        <div class="col-md-3 col-sm-4"><i class="fa fa-file-image-o"></i> fa-file-image-o</div>

                                        <div class="col-md-3 col-sm-4"><i class="fa fa-file-movie-o"></i> fa-file-movie-o <span class="text-muted">(alias)</span>
                                        </div>

                                        <div class="col-md-3 col-sm-4"><i class="fa fa-file-o"></i> fa-file-o</div>

                                        <div class="col-md-3 col-sm-4"><i class="fa fa-file-pdf-o"></i> fa-file-pdf-o</div>

                                        <div class="col-md-3 col-sm-4"><i class="fa fa-file-photo-o"></i> fa-file-photo-o <span class="text-muted">(alias)</span>
                                        </div>

                                        <div class="col-md-3 col-sm-4"><i class="fa fa-file-picture-o"></i> fa-file-picture-o <span class="text-muted">(alias)</span>
                                        </div>

                                        <div class="col-md-3 col-sm-4"><i class="fa fa-file-powerpoint-o"></i> fa-file-powerpoint-o</div>

                                        <div class="col-md-3 col-sm-4"><i class="fa fa-file-sound-o"></i> fa-file-sound-o <span class="text-muted">(alias)</span>
                                        </div>

                                        <div class="col-md-3 col-sm-4"><i class="fa fa-file-text"></i> fa-file-text</div>

                                        <div class="col-md-3 col-sm-4"><i class="fa fa-file-text-o"></i> fa-file-text-o</div>

                                        <div class="col-md-3 col-sm-4"><i class="fa fa-file-video-o"></i> fa-file-video-o</div>

                                        <div class="col-md-3 col-sm-4"><i class="fa fa-file-word-o"></i> fa-file-word-o</div>

                                        <div class="col-md-3 col-sm-4"><i class="fa fa-file-zip-o"></i> fa-file-zip-o <span class="text-muted">(alias)</span>
                                        </div>

                                    </div>

                                </section>

                                <section id="spinner">
                                    <h4 class="page-header">Spinner Icons</h4>

                                    <div class="alert alert-success">
                                        These icons work great with the <code>fa-spin</code> class. Check out the
                                        <a href="#" class="alert-link">spinning icons example</a>.
                                    </div>

                                    <div class="row icon-list">



                                        <div class="col-md-3 col-sm-4"><i class="fa fa-spin fa-circle-o-notch"></i> fa-circle-o-notch</div>

                                        <div class="col-md-3 col-sm-4"><i class="fa fa-spin fa-cog"></i> fa-cog</div>

                                        <div class="col-md-3 col-sm-4"><i class="fa fa-spin fa-gear"></i> fa-gear <span class="text-muted">(alias)</span>
                                        </div>

                                        <div class="col-md-3 col-sm-4"><i class="fa fa-spin fa-refresh"></i> fa-refresh</div>

                                        <div class="col-md-3 col-sm-4"><i class="fa fa-spin fa-spinner"></i> fa-spinner</div>

                                    </div>
                                </section>

                                <section id="form-control">
                                    <h4 class="page-header">Form Control Icons</h4>

                                    <div class="row icon-list">



                                        <div class="col-md-3 col-sm-4"><i class="fa fa-check-square"></i> fa-check-square</div>

                                        <div class="col-md-3 col-sm-4"><i class="fa fa-check-square-o"></i> fa-check-square-o</div>

                                        <div class="col-md-3 col-sm-4"><i class="fa fa-circle"></i> fa-circle</div>

                                        <div class="col-md-3 col-sm-4"><i class="fa fa-circle-o"></i> fa-circle-o</div>

                                        <div class="col-md-3 col-sm-4"><i class="fa fa-dot-circle-o"></i> fa-dot-circle-o</div>

                                        <div class="col-md-3 col-sm-4"><i class="fa fa-minus-square"></i> fa-minus-square</div>

                                        <div class="col-md-3 col-sm-4"><i class="fa fa-minus-square-o"></i> fa-minus-square-o</div>

                                        <div class="col-md-3 col-sm-4"><i class="fa fa-plus-square"></i> fa-plus-square</div>

                                        <div class="col-md-3 col-sm-4"><i class="fa fa-plus-square-o"></i> fa-plus-square-o</div>

                                        <div class="col-md-3 col-sm-4"><i class="fa fa-square"></i> fa-square</div>

                                        <div class="col-md-3 col-sm-4"><i class="fa fa-square-o"></i> fa-square-o</div>

                                    </div>
                                </section>

                                <section id="currency">
                                    <h4 class="page-header">Currency Icons</h4>

                                    <div class="row icon-list">



                                        <div class="col-md-3 col-sm-4"><i class="fa fa-bitcoin"></i> fa-bitcoin <span class="text-muted">(alias)</span>
                                        </div>

                                        <div class="col-md-3 col-sm-4"><i class="fa fa-btc"></i> fa-btc</div>

                                        <div class="col-md-3 col-sm-4"><i class="fa fa-cny"></i> fa-cny <span class="text-muted">(alias)</span>
                                        </div>

                                        <div class="col-md-3 col-sm-4"><i class="fa fa-dollar"></i> fa-dollar <span class="text-muted">(alias)</span>
                                        </div>

                                        <div class="col-md-3 col-sm-4"><i class="fa fa-eur"></i> fa-eur</div>

                                        <div class="col-md-3 col-sm-4"><i class="fa fa-euro"></i> fa-euro <span class="text-muted">(alias)</span>
                                        </div>

                                        <div class="col-md-3 col-sm-4"><i class="fa fa-gbp"></i> fa-gbp</div>

                                        <div class="col-md-3 col-sm-4"><i class="fa fa-inr"></i> fa-inr</div>

                                        <div class="col-md-3 col-sm-4"><i class="fa fa-jpy"></i> fa-jpy</div>

                                        <div class="col-md-3 col-sm-4"><i class="fa fa-krw"></i> fa-krw</div>

                                        <div class="col-md-3 col-sm-4"><i class="fa fa-money"></i> fa-money</div>

                                        <div class="col-md-3 col-sm-4"><i class="fa fa-rmb"></i> fa-rmb <span class="text-muted">(alias)</span>
                                        </div>

                                        <div class="col-md-3 col-sm-4"><i class="fa fa-rouble"></i> fa-rouble <span class="text-muted">(alias)</span>
                                        </div>

                                        <div class="col-md-3 col-sm-4"><i class="fa fa-rub"></i> fa-rub</div>

                                        <div class="col-md-3 col-sm-4"><i class="fa fa-ruble"></i> fa-ruble <span class="text-muted">(alias)</span>
                                        </div>

                                        <div class="col-md-3 col-sm-4"><i class="fa fa-rupee"></i> fa-rupee <span class="text-muted">(alias)</span>
                                        </div>

                                        <div class="col-md-3 col-sm-4"><i class="fa fa-try"></i> fa-try</div>

                                        <div class="col-md-3 col-sm-4"><i class="fa fa-turkish-lira"></i> fa-turkish-lira <span class="text-muted">(alias)</span>
                                        </div>

                                        <div class="col-md-3 col-sm-4"><i class="fa fa-usd"></i> fa-usd</div>

                                        <div class="col-md-3 col-sm-4"><i class="fa fa-won"></i> fa-won <span class="text-muted">(alias)</span>
                                        </div>

                                        <div class="col-md-3 col-sm-4"><i class="fa fa-yen"></i> fa-yen <span class="text-muted">(alias)</span>
                                        </div>

                                    </div>

                                </section>

                                <section id="text-editor">
                                    <h4 class="page-header">Text Editor Icons</h4>

                                    <div class="row icon-list">



                                        <div class="col-md-3 col-sm-4"><i class="fa fa-align-center"></i> fa-align-center</div>

                                        <div class="col-md-3 col-sm-4"><i class="fa fa-align-justify"></i> fa-align-justify</div>

                                        <div class="col-md-3 col-sm-4"><i class="fa fa-align-left"></i> fa-align-left</div>

                                        <div class="col-md-3 col-sm-4"><i class="fa fa-align-right"></i> fa-align-right</div>

                                        <div class="col-md-3 col-sm-4"><i class="fa fa-bold"></i> fa-bold</div>

                                        <div class="col-md-3 col-sm-4"><i class="fa fa-chain"></i> fa-chain <span class="text-muted">(alias)</span>
                                        </div>

                                        <div class="col-md-3 col-sm-4"><i class="fa fa-chain-broken"></i> fa-chain-broken</div>

                                        <div class="col-md-3 col-sm-4"><i class="fa fa-clipboard"></i> fa-clipboard</div>

                                        <div class="col-md-3 col-sm-4"><i class="fa fa-columns"></i> fa-columns</div>

                                        <div class="col-md-3 col-sm-4"><i class="fa fa-copy"></i> fa-copy <span class="text-muted">(alias)</span>
                                        </div>

                                        <div class="col-md-3 col-sm-4"><i class="fa fa-cut"></i> fa-cut <span class="text-muted">(alias)</span>
                                        </div>

                                        <div class="col-md-3 col-sm-4"><i class="fa fa-dedent"></i> fa-dedent <span class="text-muted">(alias)</span>
                                        </div>

                                        <div class="col-md-3 col-sm-4"><i class="fa fa-eraser"></i> fa-eraser</div>

                                        <div class="col-md-3 col-sm-4"><i class="fa fa-file"></i> fa-file</div>

                                        <div class="col-md-3 col-sm-4"><i class="fa fa-file-o"></i> fa-file-o</div>

                                        <div class="col-md-3 col-sm-4"><i class="fa fa-file-text"></i> fa-file-text</div>

                                        <div class="col-md-3 col-sm-4"><i class="fa fa-file-text-o"></i> fa-file-text-o</div>

                                        <div class="col-md-3 col-sm-4"><i class="fa fa-files-o"></i> fa-files-o</div>

                                        <div class="col-md-3 col-sm-4"><i class="fa fa-floppy-o"></i> fa-floppy-o</div>

                                        <div class="col-md-3 col-sm-4"><i class="fa fa-font"></i> fa-font</div>

                                        <div class="col-md-3 col-sm-4"><i class="fa fa-header"></i> fa-header</div>

                                        <div class="col-md-3 col-sm-4"><i class="fa fa-indent"></i> fa-indent</div>

                                        <div class="col-md-3 col-sm-4"><i class="fa fa-italic"></i> fa-italic</div>

                                        <div class="col-md-3 col-sm-4"><i class="fa fa-link"></i> fa-link</div>

                                        <div class="col-md-3 col-sm-4"><i class="fa fa-list"></i> fa-list</div>

                                        <div class="col-md-3 col-sm-4"><i class="fa fa-list-alt"></i> fa-list-alt</div>

                                        <div class="col-md-3 col-sm-4"><i class="fa fa-list-ol"></i> fa-list-ol</div>

                                        <div class="col-md-3 col-sm-4"><i class="fa fa-list-ul"></i> fa-list-ul</div>

                                        <div class="col-md-3 col-sm-4"><i class="fa fa-outdent"></i> fa-outdent</div>

                                        <div class="col-md-3 col-sm-4"><i class="fa fa-paperclip"></i> fa-paperclip</div>

                                        <div class="col-md-3 col-sm-4"><i class="fa fa-paragraph"></i> fa-paragraph</div>

                                        <div class="col-md-3 col-sm-4"><i class="fa fa-paste"></i> fa-paste <span class="text-muted">(alias)</span>
                                        </div>

                                        <div class="col-md-3 col-sm-4"><i class="fa fa-repeat"></i> fa-repeat</div>

                                        <div class="col-md-3 col-sm-4"><i class="fa fa-rotate-left"></i> fa-rotate-left <span class="text-muted">(alias)</span>
                                        </div>

                                        <div class="col-md-3 col-sm-4"><i class="fa fa-rotate-right"></i> fa-rotate-right <span class="text-muted">(alias)</span>
                                        </div>

                                        <div class="col-md-3 col-sm-4"><i class="fa fa-save"></i> fa-save <span class="text-muted">(alias)</span>
                                        </div>

                                        <div class="col-md-3 col-sm-4"><i class="fa fa-scissors"></i> fa-scissors</div>

                                        <div class="col-md-3 col-sm-4"><i class="fa fa-strikethrough"></i> fa-strikethrough</div>

                                        <div class="col-md-3 col-sm-4"><i class="fa fa-subscript"></i> fa-subscript</div>

                                        <div class="col-md-3 col-sm-4"><i class="fa fa-superscript"></i> fa-superscript</div>

                                        <div class="col-md-3 col-sm-4"><i class="fa fa-table"></i> fa-table</div>

                                        <div class="col-md-3 col-sm-4"><i class="fa fa-text-height"></i> fa-text-height</div>

                                        <div class="col-md-3 col-sm-4"><i class="fa fa-text-width"></i> fa-text-width</div>

                                        <div class="col-md-3 col-sm-4"><i class="fa fa-th"></i> fa-th</div>

                                        <div class="col-md-3 col-sm-4"><i class="fa fa-th-large"></i> fa-th-large</div>

                                        <div class="col-md-3 col-sm-4"><i class="fa fa-th-list"></i> fa-th-list</div>

                                        <div class="col-md-3 col-sm-4"><i class="fa fa-underline"></i> fa-underline</div>

                                        <div class="col-md-3 col-sm-4"><i class="fa fa-undo"></i> fa-undo</div>

                                        <div class="col-md-3 col-sm-4"><i class="fa fa-unlink"></i> fa-unlink <span class="text-muted">(alias)</span>
                                        </div>

                                    </div>

                                </section>


                                <section id="directional">
                                    <h4 class="page-header">Directional Icons</h4>

                                    <div class="row icon-list">



                                        <div class="col-md-3 col-sm-4"><i class="fa fa-angle-double-down"></i> fa-angle-double-down</div>

                                        <div class="col-md-3 col-sm-4"><i class="fa fa-angle-double-left"></i> fa-angle-double-left</div>

                                        <div class="col-md-3 col-sm-4"><i class="fa fa-angle-double-right"></i> fa-angle-double-right</div>

                                        <div class="col-md-3 col-sm-4"><i class="fa fa-angle-double-up"></i> fa-angle-double-up</div>

                                        <div class="col-md-3 col-sm-4"><i class="fa fa-angle-down"></i> fa-angle-down</div>

                                        <div class="col-md-3 col-sm-4"><i class="fa fa-angle-left"></i> fa-angle-left</div>

                                        <div class="col-md-3 col-sm-4"><i class="fa fa-angle-right"></i> fa-angle-right</div>

                                        <div class="col-md-3 col-sm-4"><i class="fa fa-angle-up"></i> fa-angle-up</div>

                                        <div class="col-md-3 col-sm-4"><i class="fa fa-arrow-circle-down"></i> fa-arrow-circle-down</div>

                                        <div class="col-md-3 col-sm-4"><i class="fa fa-arrow-circle-left"></i> fa-arrow-circle-left</div>

                                        <div class="col-md-3 col-sm-4"><i class="fa fa-arrow-circle-o-down"></i> fa-arrow-circle-o-down</div>

                                        <div class="col-md-3 col-sm-4"><i class="fa fa-arrow-circle-o-left"></i> fa-arrow-circle-o-left</div>

                                        <div class="col-md-3 col-sm-4"><i class="fa fa-arrow-circle-o-right"></i> fa-arrow-circle-o-right</div>

                                        <div class="col-md-3 col-sm-4"><i class="fa fa-arrow-circle-o-up"></i> fa-arrow-circle-o-up</div>

                                        <div class="col-md-3 col-sm-4"><i class="fa fa-arrow-circle-right"></i> fa-arrow-circle-right</div>

                                        <div class="col-md-3 col-sm-4"><i class="fa fa-arrow-circle-up"></i> fa-arrow-circle-up</div>

                                        <div class="col-md-3 col-sm-4"><i class="fa fa-arrow-down"></i> fa-arrow-down</div>

                                        <div class="col-md-3 col-sm-4"><i class="fa fa-arrow-left"></i> fa-arrow-left</div>

                                        <div class="col-md-3 col-sm-4"><i class="fa fa-arrow-right"></i> fa-arrow-right</div>

                                        <div class="col-md-3 col-sm-4"><i class="fa fa-arrow-up"></i> fa-arrow-up</div>

                                        <div class="col-md-3 col-sm-4"><i class="fa fa-arrows"></i> fa-arrows</div>

                                        <div class="col-md-3 col-sm-4"><i class="fa fa-arrows-alt"></i> fa-arrows-alt</div>

                                        <div class="col-md-3 col-sm-4"><i class="fa fa-arrows-h"></i> fa-arrows-h</div>

                                        <div class="col-md-3 col-sm-4"><i class="fa fa-arrows-v"></i> fa-arrows-v</div>

                                        <div class="col-md-3 col-sm-4"><i class="fa fa-caret-down"></i> fa-caret-down</div>

                                        <div class="col-md-3 col-sm-4"><i class="fa fa-caret-left"></i> fa-caret-left</div>

                                        <div class="col-md-3 col-sm-4"><i class="fa fa-caret-right"></i> fa-caret-right</div>

                                        <div class="col-md-3 col-sm-4"><i class="fa fa-caret-up"></i> fa-caret-up</div>

                                        <div class="col-md-3 col-sm-4"><i class="fa fa-caret-square-o-left"></i> fa-caret-square-o-left</div>

                                        <div class="col-md-3 col-sm-4"><i class="fa fa-caret-square-o-right"></i> fa-caret-square-o-right</div>

                                        <div class="col-md-3 col-sm-4"><i class="fa fa-caret-square-o-up"></i> fa-caret-square-o-up</div>

                                        <div class="col-md-3 col-sm-4"><i class="fa fa-caret-square-o-down"></i> fa-caret-square-o-down</div>

                                        <div class="col-md-3 col-sm-4"><i class="fa fa-chevron-circle-down"></i> fa-chevron-circle-down</div>

                                        <div class="col-md-3 col-sm-4"><i class="fa fa-chevron-circle-left"></i> fa-chevron-circle-left</div>

                                        <div class="col-md-3 col-sm-4"><i class="fa fa-chevron-circle-right"></i> fa-chevron-circle-right</div>

                                        <div class="col-md-3 col-sm-4"><i class="fa fa-chevron-circle-up"></i> fa-chevron-circle-up</div>

                                        <div class="col-md-3 col-sm-4"><i class="fa fa-chevron-down"></i> fa-chevron-down</div>

                                        <div class="col-md-3 col-sm-4"><i class="fa fa-chevron-left"></i> fa-chevron-left</div>

                                        <div class="col-md-3 col-sm-4"><i class="fa fa-chevron-right"></i> fa-chevron-right</div>

                                        <div class="col-md-3 col-sm-4"><i class="fa fa-chevron-up"></i> fa-chevron-up</div>

                                        <div class="col-md-3 col-sm-4"><i class="fa fa-hand-o-down"></i> fa-hand-o-down</div>

                                        <div class="col-md-3 col-sm-4"><i class="fa fa-hand-o-left"></i> fa-hand-o-left</div>

                                        <div class="col-md-3 col-sm-4"><i class="fa fa-hand-o-right"></i> fa-hand-o-right</div>

                                        <div class="col-md-3 col-sm-4"><i class="fa fa-hand-o-up"></i> fa-hand-o-up</div>

                                        <div class="col-md-3 col-sm-4"><i class="fa fa-long-arrow-down"></i> fa-long-arrow-down</div>

                                        <div class="col-md-3 col-sm-4"><i class="fa fa-long-arrow-left"></i> fa-long-arrow-left</div>

                                        <div class="col-md-3 col-sm-4"><i class="fa fa-long-arrow-right"></i> fa-long-arrow-right</div>

                                        <div class="col-md-3 col-sm-4"><i class="fa fa-long-arrow-up"></i> fa-long-arrow-up</div>

                                        <div class="col-md-3 col-sm-4"><i class="fa fa-toggle-down"></i> fa-toggle-down <span class="text-muted">(alias)</span>
                                        </div>

                                        <div class="col-md-3 col-sm-4"><i class="fa fa-toggle-left"></i> fa-toggle-left <span class="text-muted">(alias)</span>
                                        </div>

                                        <div class="col-md-3 col-sm-4"><i class="fa fa-toggle-right"></i> fa-toggle-right <span class="text-muted">(alias)</span>
                                        </div>

                                        <div class="col-md-3 col-sm-4"><i class="fa fa-toggle-up"></i> fa-toggle-up <span class="text-muted">(alias)</span>
                                        </div>

                                    </div>

                                </section>

                                <section id="video-player">
                                    <h4 class="page-header">Video Player Icons</h4>

                                    <div class="row icon-list">



                                        <div class="col-md-3 col-sm-4"><i class="fa fa-arrows-alt"></i> fa-arrows-alt</div>

                                        <div class="col-md-3 col-sm-4"><i class="fa fa-backward"></i> fa-backward</div>

                                        <div class="col-md-3 col-sm-4"><i class="fa fa-compress"></i> fa-compress</div>

                                        <div class="col-md-3 col-sm-4"><i class="fa fa-eject"></i> fa-eject</div>

                                        <div class="col-md-3 col-sm-4"><i class="fa fa-expand"></i> fa-expand</div>

                                        <div class="col-md-3 col-sm-4"><i class="fa fa-fast-backward"></i> fa-fast-backward</div>

                                        <div class="col-md-3 col-sm-4"><i class="fa fa-fast-forward"></i> fa-fast-forward</div>

                                        <div class="col-md-3 col-sm-4"><i class="fa fa-forward"></i> fa-forward</div>

                                        <div class="col-md-3 col-sm-4"><i class="fa fa-pause"></i> fa-pause</div>

                                        <div class="col-md-3 col-sm-4"><i class="fa fa-play"></i> fa-play</div>

                                        <div class="col-md-3 col-sm-4"><i class="fa fa-play-circle"></i> fa-play-circle</div>

                                        <div class="col-md-3 col-sm-4"><i class="fa fa-play-circle-o"></i> fa-play-circle-o</div>

                                        <div class="col-md-3 col-sm-4"><i class="fa fa-step-backward"></i> fa-step-backward</div>

                                        <div class="col-md-3 col-sm-4"><i class="fa fa-step-forward"></i> fa-step-forward</div>

                                        <div class="col-md-3 col-sm-4"><i class="fa fa-stop"></i> fa-stop</div>

                                        <div class="col-md-3 col-sm-4"><i class="fa fa-youtube-play"></i> fa-youtube-play</div>

                                    </div>

                                </section>

                                <section id="brand">
                                    <h4 class="page-header">Brand Icons</h4>

                                    <div class="alert alert-success">
                                        <ul class="margin-bottom-none padding-left-lg">
                                            <li>All brand icons are trademarks of their respective owners.</li>
                                            <li>The use of these trademarks does not indicate endorsement of the trademark holder by Font Awesome, nor vice versa.</li>
                                        </ul>

                                    </div>
                                    <div class="row icon-list">

                                        <div class="col-md-3 col-sm-4"><i class="fa fa-adn"></i> fa-adn</div>

                                        <div class="col-md-3 col-sm-4"><i class="fa fa-android"></i> fa-android</div>

                                        <div class="col-md-3 col-sm-4"><i class="fa fa-apple"></i> fa-apple</div>

                                        <div class="col-md-3 col-sm-4"><i class="fa fa-behance"></i> fa-behance</div>

                                        <div class="col-md-3 col-sm-4"><i class="fa fa-behance-square"></i> fa-behance-square</div>

                                        <div class="col-md-3 col-sm-4"><i class="fa fa-bitbucket"></i> fa-bitbucket</div>

                                        <div class="col-md-3 col-sm-4"><i class="fa fa-bitbucket-square"></i> fa-bitbucket-square</div>

                                        <div class="col-md-3 col-sm-4"><i class="fa fa-bitcoin"></i> fa-bitcoin <span class="text-muted">(alias)</span>
                                        </div>

                                        <div class="col-md-3 col-sm-4"><i class="fa fa-btc"></i> fa-btc</div>

                                        <div class="col-md-3 col-sm-4"><i class="fa fa-codepen"></i> fa-codepen</div>

                                        <div class="col-md-3 col-sm-4"><i class="fa fa-css3"></i> fa-css3</div>

                                        <div class="col-md-3 col-sm-4"><i class="fa fa-delicious"></i> fa-delicious</div>

                                        <div class="col-md-3 col-sm-4"><i class="fa fa-deviantart"></i> fa-deviantart</div>

                                        <div class="col-md-3 col-sm-4"><i class="fa fa-digg"></i> fa-digg</div>

                                        <div class="col-md-3 col-sm-4"><i class="fa fa-dribbble"></i> fa-dribbble</div>

                                        <div class="col-md-3 col-sm-4"><i class="fa fa-dropbox"></i> fa-dropbox</div>

                                        <div class="col-md-3 col-sm-4"><i class="fa fa-drupal"></i> fa-drupal</div>

                                        <div class="col-md-3 col-sm-4"><i class="fa fa-empire"></i> fa-empire</div>

                                        <div class="col-md-3 col-sm-4"><i class="fa fa-facebook"></i> fa-facebook</div>

                                        <div class="col-md-3 col-sm-4"><i class="fa fa-facebook-square"></i> fa-facebook-square</div>

                                        <div class="col-md-3 col-sm-4"><i class="fa fa-flickr"></i> fa-flickr</div>

                                        <div class="col-md-3 col-sm-4"><i class="fa fa-foursquare"></i> fa-foursquare</div>

                                        <div class="col-md-3 col-sm-4"><i class="fa fa-ge"></i> fa-ge <span class="text-muted">(alias)</span>
                                        </div>

                                        <div class="col-md-3 col-sm-4"><i class="fa fa-git"></i> fa-git</div>

                                        <div class="col-md-3 col-sm-4"><i class="fa fa-git-square"></i> fa-git-square</div>

                                        <div class="col-md-3 col-sm-4"><i class="fa fa-github"></i> fa-github</div>

                                        <div class="col-md-3 col-sm-4"><i class="fa fa-github-alt"></i> fa-github-alt</div>

                                        <div class="col-md-3 col-sm-4"><i class="fa fa-github-square"></i> fa-github-square</div>

                                        <div class="col-md-3 col-sm-4"><i class="fa fa-gittip"></i> fa-gittip</div>

                                        <div class="col-md-3 col-sm-4"><i class="fa fa-google"></i> fa-google</div>

                                        <div class="col-md-3 col-sm-4"><i class="fa fa-google-plus"></i> fa-google-plus</div>

                                        <div class="col-md-3 col-sm-4"><i class="fa fa-google-plus-square"></i> fa-google-plus-square</div>

                                        <div class="col-md-3 col-sm-4"><i class="fa fa-hacker-news"></i> fa-hacker-news</div>

                                        <div class="col-md-3 col-sm-4"><i class="fa fa-html5"></i> fa-html5</div>

                                        <div class="col-md-3 col-sm-4"><i class="fa fa-instagram"></i> fa-instagram</div>

                                        <div class="col-md-3 col-sm-4"><i class="fa fa-joomla"></i> fa-joomla</div>

                                        <div class="col-md-3 col-sm-4"><i class="fa fa-jsfiddle"></i> fa-jsfiddle</div>

                                        <div class="col-md-3 col-sm-4"><i class="fa fa-linkedin"></i> fa-linkedin</div>

                                        <div class="col-md-3 col-sm-4"><i class="fa fa-linkedin-square"></i> fa-linkedin-square</div>

                                        <div class="col-md-3 col-sm-4"><i class="fa fa-linux"></i> fa-linux</div>

                                        <div class="col-md-3 col-sm-4"><i class="fa fa-maxcdn"></i> fa-maxcdn</div>

                                        <div class="col-md-3 col-sm-4"><i class="fa fa-openid"></i> fa-openid</div>

                                        <div class="col-md-3 col-sm-4"><i class="fa fa-pagelines"></i> fa-pagelines</div>

                                        <div class="col-md-3 col-sm-4"><i class="fa fa-pied-piper"></i> fa-pied-piper</div>

                                        <div class="col-md-3 col-sm-4"><i class="fa fa-pied-piper-alt"></i> fa-pied-piper-alt</div>

                                        <div class="col-md-3 col-sm-4"><i class="fa fa-pinterest"></i> fa-pinterest</div>

                                        <div class="col-md-3 col-sm-4"><i class="fa fa-pinterest-square"></i> fa-pinterest-square</div>

                                        <div class="col-md-3 col-sm-4"><i class="fa fa-qq"></i> fa-qq</div>

                                        <div class="col-md-3 col-sm-4"><i class="fa fa-ra"></i> fa-ra <span class="text-muted">(alias)</span>
                                        </div>

                                        <div class="col-md-3 col-sm-4"><i class="fa fa-rebel"></i> fa-rebel</div>

                                        <div class="col-md-3 col-sm-4"><i class="fa fa-reddit"></i> fa-reddit</div>

                                        <div class="col-md-3 col-sm-4"><i class="fa fa-reddit-square"></i> fa-reddit-square</div>

                                        <div class="col-md-3 col-sm-4"><i class="fa fa-renren"></i> fa-renren</div>

                                        <div class="col-md-3 col-sm-4"><i class="fa fa-share-alt"></i> fa-share-alt</div>

                                        <div class="col-md-3 col-sm-4"><i class="fa fa-share-alt-square"></i> fa-share-alt-square</div>

                                        <div class="col-md-3 col-sm-4"><i class="fa fa-skype"></i> fa-skype</div>

                                        <div class="col-md-3 col-sm-4"><i class="fa fa-slack"></i> fa-slack</div>

                                        <div class="col-md-3 col-sm-4"><i class="fa fa-soundcloud"></i> fa-soundcloud</div>

                                        <div class="col-md-3 col-sm-4"><i class="fa fa-spotify"></i> fa-spotify</div>

                                        <div class="col-md-3 col-sm-4"><i class="fa fa-stack-exchange"></i> fa-stack-exchange</div>

                                        <div class="col-md-3 col-sm-4"><i class="fa fa-stack-overflow"></i> fa-stack-overflow</div>

                                        <div class="col-md-3 col-sm-4"><i class="fa fa-steam"></i> fa-steam</div>

                                        <div class="col-md-3 col-sm-4"><i class="fa fa-steam-square"></i> fa-steam-square</div>

                                        <div class="col-md-3 col-sm-4"><i class="fa fa-stumbleupon"></i> fa-stumbleupon</div>

                                        <div class="col-md-3 col-sm-4"><i class="fa fa-stumbleupon-circle"></i> fa-stumbleupon-circle</div>

                                        <div class="col-md-3 col-sm-4"><i class="fa fa-tencent-weibo"></i> fa-tencent-weibo</div>

                                        <div class="col-md-3 col-sm-4"><i class="fa fa-trello"></i> fa-trello</div>

                                        <div class="col-md-3 col-sm-4"><i class="fa fa-tumblr"></i> fa-tumblr</div>

                                        <div class="col-md-3 col-sm-4"><i class="fa fa-tumblr-square"></i> fa-tumblr-square</div>

                                        <div class="col-md-3 col-sm-4"><i class="fa fa-twitter"></i> fa-twitter</div>

                                        <div class="col-md-3 col-sm-4"><i class="fa fa-twitter-square"></i> fa-twitter-square</div>

                                        <div class="col-md-3 col-sm-4"><i class="fa fa-vimeo-square"></i> fa-vimeo-square</div>

                                        <div class="col-md-3 col-sm-4"><i class="fa fa-vine"></i> fa-vine</div>

                                        <div class="col-md-3 col-sm-4"><i class="fa fa-vk"></i> fa-vk</div>

                                        <div class="col-md-3 col-sm-4"><i class="fa fa-wechat"></i> fa-wechat <span class="text-muted">(alias)</span>
                                        </div>

                                        <div class="col-md-3 col-sm-4"><i class="fa fa-weibo"></i> fa-weibo</div>

                                        <div class="col-md-3 col-sm-4"><i class="fa fa-weixin"></i> fa-weixin</div>

                                        <div class="col-md-3 col-sm-4"><i class="fa fa-windows"></i> fa-windows</div>

                                        <div class="col-md-3 col-sm-4"><i class="fa fa-wordpress"></i> fa-wordpress</div>

                                        <div class="col-md-3 col-sm-4"><i class="fa fa-xing"></i> fa-xing</div>

                                        <div class="col-md-3 col-sm-4"><i class="fa fa-xing-square"></i> fa-xing-square</div>

                                        <div class="col-md-3 col-sm-4"><i class="fa fa-yahoo"></i> fa-yahoo</div>

                                        <div class="col-md-3 col-sm-4"><i class="fa fa-youtube"></i> fa-youtube</div>

                                        <div class="col-md-3 col-sm-4"><i class="fa fa-youtube-play"></i> fa-youtube-play</div>

                                        <div class="col-md-3 col-sm-4"><i class="fa fa-youtube-square"></i> fa-youtube-square</div>

                                    </div>
                                </section>

                                <section id="medical">
                                    <h4 class="page-header">Medical Icons</h4>

                                    <div class="row icon-list">
                                        <div class="col-md-3 col-sm-4"><i class="fa fa-ambulance"></i> fa-ambulance</div>

                                        <div class="col-md-3 col-sm-4"><i class="fa fa-h-square"></i> fa-h-square</div>

                                        <div class="col-md-3 col-sm-4"><i class="fa fa-hospital-o"></i> fa-hospital-o</div>

                                        <div class="col-md-3 col-sm-4"><i class="fa fa-medkit"></i> fa-medkit</div>

                                        <div class="col-md-3 col-sm-4"><i class="fa fa-plus-square"></i> fa-plus-square</div>

                                        <div class="col-md-3 col-sm-4"><i class="fa fa-stethoscope"></i> fa-stethoscope</div>

                                        <div class="col-md-3 col-sm-4"><i class="fa fa-user-md"></i> fa-user-md</div>

                                        <div class="col-md-3 col-sm-4"><i class="fa fa-wheelchair"></i> fa-wheelchair</div>
                                    </div>

                                </section>
                            </div>
                        </div>
                    </div>

                </div> <!-- End Row -->


            </div> <!-- END Wraper -->

        </section>
        


        <!-- js placed at the end of the document so the pages load faster -->
        <script src="js/jquery.js"></script>
        <script src="js/bootstrap.min.js"></script>
        <script src="js/pace.min.js"></script>
        <script src="js/wow.min.js"></script>
        <script src="js/jquery.nicescroll.js" type="text/javascript"></script>


        <script src="js/jquery.app.js"></script>


    </body>

<!-- Mirrored from coderthemes.com/velonic_3.0/admin_3/icons.html by HTTrack Website Copier/3.x [XR&CO'2014], Sun, 29 May 2016 14:52:31 GMT -->
</html>
